background-color

CSSプロパティ「background-color」の解説とサンプル。

背景色を指定するプロパティ。

値は#RRGGBBのカラーコードまたは「white」「black」といったカラーネームで指定する。また、「#ff6600」といったように色のR値、G値、B値が2個ずつ同じ値となる場合は「#f60」と省略して記載することが可能。

色	#000000～#ffffffまでのカラーコードもしくはカラーネームで指定。
透明	透明にしたい場合は「transparent」を指定する。何も指定しない場合はこれが初期値となる。

[CSSの記述]

.sampleA { background-color:#ffcc66; }

[HTMLの記述]

<p class="sampleA">テキストテキスト</p>

[ブラウザ上の表示]

背景色を#ffcc66に指定。

[CSSの記述]

.sampleB { background-color:#9cf; }

[HTMLの記述]

<p class="sampleB">テキストテキスト</p>

[ブラウザ上の表示]

背景色を#9cf（＝#99ccff）に指定。

CSSレイアウト実践講座カテゴリ