background-color

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

CSSレイアウト実践講座

CSSレイアウト実践講座について

運営者プロフィール

運営者ブログ*

お問い合わせ

background-color

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

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

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

使用例

使用例 - サンプル(A) / サンプル(B)

サンプル(A)

[CSSの記述]

.sampleA { background-color:#ffcc66; }

[HTMLの記述]

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

[ブラウザ上の表示]

背景色を#ffcc66に指定。

サンプル(B)

[CSSの記述]

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

[HTMLの記述]

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

[ブラウザ上の表示]

背景色を#9cf(=#99ccff)に指定。