ウェブランサー

background-color - 背景色を指定する

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
適用対象 全ての要素
継承 しない

background-colorプロパティは、要素に対して背景色に関する指定を行う際に使用します。背景色を指定する際は文字が見づらくならないように、文字色の指定もセットで行いましょう。

background-colorに与えられる値

background-color: 色キーワード;
red, blueなどの色キーワードで指定します。
background-color: RGB値;
#FF0000などの16進数で指定します。

background-colorの使用サンプル

CSS
.bg_sample {
 color: #FFFFFF;
 background-color: #FF9900;
 padding: 5px;
}
XHTML
<div class="bg_sample">表示サンプル</div>
表示確認
表示サンプル

background-colorに関連するCSSプロパティ

背景(バックグラウンド)
background 背景に関する指定をまとめて行う
background-attachment 背景画像の固定・移動を指定する
background-break インライン要素の背景画像の繰り返し方法を指定する
background-clip 背景の描画範囲を指定する
background-color 背景色を指定する
background-image 背景画像を指定する
background-origin 背景の描画する際の基準となるボックスを指定する
background-position 背景画像の表示開始位置を指定する
background-repeat 背景画像の繰り返しを指定する
background-size 背景画像を表示するサイズ(大きさ)を指定する