PCインストラクターの川上です。
最近、「アメブロ 枠」でググって、こちらのブログにお越しになる方が多いです。
とてもありがたいことです。
そのままコピペして、文字だけ変えるだけですぐできちゃうのですが・・・
色コードを変更すれば、オリジナルの枠の色や背景の色にすることができます。
もちろん、「色見本」とググって、その手のサイトを参考に色コードを探してみるのもOKなんですが、ぜひ、この5つの色だけはφ(..)メモメモして(できれば覚えて)おくとよいですね^^!
男性であれば、
青 | 緑 | 赤 | 黒 | 白 |
#0000ff | #008000 | #ff0000 | #000000 | #ffffff |
女性であれば、
ピンク | 青 | 白 | 緑 | 赤 |
#ffc0cb | #0000ff | #ffffff | #008000 | #ff0000 |
それぞれ、この5つの色コードです。
また、女性の場合、ピンクにもいろんな種類があります。
この3つをφ(..)メモメモしておくとよいですね^^!
pink | hotpink | deeppink |
#ffc0cb | #ff69b4 | #ff1493 |
えっ?どうしてこの5つなのかって?
それはこの広告のプロの方に聞いてくださいませ~~~(笑)
<タグ参考>
(蛇足か・・・^^;)
上の表のタグはこちら↓↓↓
男性のバージョン↓
<table><tbody><tr><td align="center" style="width:70px;"><div style="background:#0000ff;border:1px solid #0000ff;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#008000;border:1px solid #008000;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ff0000;border:1px solid #ff0000;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#000000;border:1px solid #000000;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ffffff;border:1px solid #000000;width:20px;height:20px;"></div></td></tr><tr><td align="center">青</td><td align="center">緑</td><td align="center">赤</td><td align="center">黒</td><td align="center">白</td></tr><tr><td align="center">#0000ff</td><td align="center">#008000</td><td align="center">#ff0000</td><td align="center">#000000</td><td align="center">#ffffff</td></tr></tbody></table>
女性のバージョン↓
<table><tbody><tr><td align="center" style="width:70px;"><div style="background:#ffc0cb;border:1px solid #ff1493;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#0000ff;border:1px solid #0000ff;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ffffff;border:1px solid #000000;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#008000;border:1px solid #008000;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ff0000;border:1px solid #ff0000;width:20px;height:20px;"></div></td></tr><tr><td align="center">ピンク</td><td align="center">青</td><td align="center">白</td><td align="center">緑</td><td align="center">赤</td></tr><tr><td align="center">#ffc0cb</td><td align="center">#0000ff</td><td align="center">#ffffff</td><td align="center">#008000</td><td align="center">#ff0000</td></tr></tbody></table>
ピンクのバージョン↓
<table><tbody><tr><td align="center" style="width:70px;"><div style="background:#ffc0cb;border:1px solid #ffc0cb;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ff69b4;border:1px solid #ff69b4;width:20px;height:20px;"></div></td><td align="center" style="width:70px;"><div style="background:#ff1493;border:1px solid #ff1493;width:20px;height:20px;"></div></td></tr><tr><td align="center">pink</td><td align="center">hotpink</td><td align="center">deeppink</td></tr><tr><td align="center">#ffc0cb</td><td align="center">#ff69b4</td><td align="center">#ff1493</td></tr></tbody></table>
もちろん、表のtableタグで作らなくても同じのが作れるのですが・・・
それは、たぶん・・・、誰か教えてくれるでしょう(笑)
<参考>
こちらの記事に他の色コード表をのせております↓
『色の種類も教えてください』
以上、パソコンワンポイントレッスンでした。
LIDS澄川・ライフデザインスクール
川上 雄大