構文

background-color : 背景色;

説明文

　「background-color」では，指定した要素の背景の色を指定する。ボックス要素の場合は，要素の内容が表示される領域と，Padding領域の範囲が背景として扱われ，Margin領域は背景として扱われない。

　背景色の指定には，各色を16進数で表して列挙する方法（#ff0000など）のほか，「red」や「blue」などといった色名で指定することもできる。また，<a>タグのように操作によって文字色が変化するタグについては，疑似クラスを利用することで各状態の色を指定できる（詳しくは「<a>タグの疑似クラスを用いた色指定」を参照）。

　また，「transparent」を指定すると透明となり，背後の要素や背景が透き通って表示される。

[画像のクリックで拡大表示]

使用例

● CSSの定義

body { background-color : #c0c0ff; }
div  { background-color : yellow; }
h3   { background-color : red;
       color : white; }

● HTMLの例

<div>
<h3>背景色の指定</h3>
<p>「background-color」では要素の背景色を指定できる。色の指定には
「#ffffff」のような3原色を16進数で列挙した方法と，「red」，「blue」のよう
な色名を利用する方法がある。</p>
</div>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目