background-colorプロパティ

background-colorプロパティは、要素の背景色を定義します。


body {
    background-color: #ccc;
}
div {
    background-color: #fcc;
}

上の例では、<body>要素に背景色を指定しています。すなわち、表示領域全体の背景色を指定することになります。

背景色を指定した場合、ネストされる他の要素の背景色も変更されるので、例では<h2>要素等の背景色も変更されます。ただし、ネストされた要素で背景色を指定すると、その背景色が適用されます。例では、<div>要素がこれにあたります。