今回は文字の背景色を変えたいと思います。
||<#CC0000' style='width:560px'``赤色の背景色||
||<#FF9900' style='width:560px'``オレンジ色の背景色||
||<#FFFF00' style='width:560px'``黄色の背景色||
||<#66FF00' style='width:560px'``黄緑色の背景色||
||<#66FFFF' style='width:560px'``水色の背景色||
||<#3300FF' style='width:560px'``青色の背景色||
||<#9900FF' style='width:560px'``紫色の背景色||
||<#FF99CC' style='width:560px'``ピンクの背景色||
↑背景色 ↑背景色の幅 ↑文字
↑このようにすればできます。左の#FFFF00などの英数字を変えれば色は変えられます。色はカラーチャート一覧へ。 width:560px は幅を決めている部分です。 試しにwidth:120pxに変えてやってみましょう
今度は背景色を変えて文字色も変えてみましょう ||<#FF99CC' style='width:150px;color:white'``ピンクの背景色で白の文字色|| ↑文字色↑colorを付けたして後ろを変えれば色が変えられます。 このように色名で指定する場合はカラーネーム一覧をご覧ください
文字大きくしてみたいですね。 ||<#FF99CC' style='width:470px;font-size:20pt;color:white'``ピンクの背景色で大きく白の文字色||colorの前にfont-size:20ptを付け足して幅をあわせれば↓のようになります。
お役に立てたら傑作ポチッとしてくれると大変嬉しいです。 |
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
転載しますっ★、
2007/5/16(水) 午後 5:52
もらぃます⌒☆
2007/5/20(日) 午後 1:30 [ new**lov*pjr ]
転載します
2007/6/4(月) 午後 5:54
以前転載させていただいた "枠"、ブログに来てくださる方にうらやましがられました(^-^)/ こちらのこと、紹介しておきましたので、来ているかもしれませんね。
これも、転載させてください。
2007/7/2(月) 午前 11:47 [ Nicky ]
ホントすごいですねッ！転載させて下さい♪
2007/7/11(水) 午後 7:37
はじめまして！参考にさせて頂きまーす☆
傑作ポチっとなd(^_^o)
2007/7/13(金) 午後 0:51 [ gara555jp ]
転載させてください。
2007/8/2(木) 午後 4:34
転載させてください 私のような初心者にもわかりやすいです
2007/8/23(木) 午後 1:13
ウチの記事で是非やってみたいので転載させて下さい♪
傑作ぽちり☆させて戴きます☆☆☆
2007/11/24(土) 午後 1:01
また貰います☆
2008/1/6(日) 午前 11:33 [ - ]
背景のとこ全部もらいます★
面度くさがりやですいません(汗
2008/2/28(木) 午後 2:45 [ ゆのmarina ]
転載します！
2008/4/4(金) 午後 2:23 [ まりこ ]
転載させて頂きました。
2008/4/13(日) 午前 8:28
とても勉強になります。使わせていただきます
2008/7/12(土) 午前 9:36
転載させてくださ〜い♪
2008/10/26(日) 午後 7:16
もらいますｗ
2009/1/21(水) 午後 6:01
ください。ポチ★
2009/1/30(金) 午後 0:53
とても楽しいですね♪＾＾
転載させて頂きました。・・・ポチッ☆
2009/2/13(金) 午後 3:25 [ sakura ]
初めまして、ももっ子ままと申します。
5月30日で閉鎖されるとのこと。
検索でたどり着きました。
少しの間だけでも、ファンポチさせて下さいませ。
そして厚かましいのですが、転載お願いいたします。
2009/4/13(月) 午後 9:29 [ ももっ子まま ]
参考にさせていただきました。助かります。
これからちょくちょく訪問させて頂ます。
よろしくお願いします。
2010/2/3(水) 午後 8:40 [ - ]