background-colorプロパティは要素に背景色を設定します。値には16進数RGB値やカラーネームなどで色を指定します。また、色の他にも背景色を透過させる "transparent" のキーワードが指定でき、親要素に背景色が指定されている場合は、その背景色が透けて見えることになります。
背景色を指定した場合は、必ず colorプロパティで前景色(文字色)もあわせて指定するようにします。なぜなら、制作者スタイルシートで背景色を白色に指定していたとしても、もし、ユーザーがユーザースタイルシートを利用している場合に、必ずしも前景色を黒色に設定しているとは限らないためです。また、背景色は文字色と似通った色を指定していると文字が読みづらくなるため、背景色と文字色のコントラストはできるだけ高い組み合わせになるように明度や彩度を調節する等して見やすくなるように工夫しましょう。
.heading {
color : white ;
background-color : navy ;
border :3px ridge silver;
}
背景色を指定したらセットで高コントラストになる前景色も指定しましょう。
http://w3g.jp/css/color_background/background-color直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!