<< スタイルシート(CSS) text-transform | Home | スタイルシート(CSS) background-image >>

スタイルシート(CSS) background-color

背景色を指定するには「background-color」プロパティを使用します。

background-color: 色指定;

色指定の値には「スタイルシート(CSS) 色の指定 color」で解説した値が使用できます。

「background-color」プロパティは、いろんなHTML要素の背景色の指定に使用できます。

例えば、div要素、h1などの見出し要素、p要素、table要素、body要素などの背景色を指定することが出来ます。

■h1要素に適用した場合

スタイルシート(CSS) background-color



■p要素に適用

・「#RRGGBB」のようにRGBを16進数で指定する。
#記号に続き、
R(赤)R(赤)G(緑)G(緑)B(青)B(青)
のようにRGBの各値を2桁ずつ16進数で指定します。



■table、td、tr要素に適用
td要素に背景色適用したセルtd要素の背景色指定なしtd要素の背景色指定なし
tr要素に背景色適用したセルtr要素に背景色適用したセルtr要素に背景色適用したセル


■div要素に適用
・「#RRGGBB」のようにRGBを16進数で指定する。
#記号に続き、
R(赤)R(赤)G(緑)G(緑)B(青)B(青)
のようにRGBの各値を2桁ずつ16進数で指定します。


このように「background-color」で指定した色に背景色を変えることが出来ます。
ちなみに背景色を指定しない場合は、ブラウザのデフォルト背景色で白になると考えて良いでしょう。
また文字(フォント)の色はcolorプロパティで指定するので間違えないようにして下さい。

Calendar

   1234
567891011
12131415161718
19202122232425
262728293031 
<< March 2017 >>

Recent Entries


Categories


Archives


Profile


Valid XHTML 1.0 Transitional

Valid CSS!

Comments

Leave Comment










Trackbacks

Trackback URL

Recent Comments

Recent Trackbacks