説明
background-color: color; C1- ie4- N4-
使用例
h1 {background-color:#f00}
背景色 <'background-color'> |
|
背景色のレンダリング
<style type="text/css"><!--
body {background-color:#eee;}
p#n1 {background-color:#8294af; color:#fff;}
p#n2 {background-color:transparent; color:#555; border:2px solid #8294af;} /* 背景色を透明に設定 */
--></style>
<body>
<p id="n1">こんにちは こんにちは こんにちは こんにちは</p>
<p id="n2">こんにちは こんにちは こんにちは こんにちは</p>
</body>
body {background-color:#eee;}
p#n1 {background-color:#8294af; color:#fff;}
p#n2 {background-color:transparent; color:#555; border:2px solid #8294af;} /* 背景色を透明に設定 */
--></style>
<body>
<p id="n1">こんにちは こんにちは こんにちは こんにちは</p>
<p id="n2">こんにちは こんにちは こんにちは こんにちは</p>
</body>
色の指定方法の対応状況
RGB値で色を指定するためには、「#ff0000」「#f00」「rgb(255,0,0)」「rgb(100%,0%,0%)」という4つの形式がありますが、IE3.0などの古いブラウザを除けば、ほぼすべてのCSS対応ブラウザで4形式とも利用することができます。 
WebSafeColors ColorNames
なお、WAIのアクセシビリティ・ガイドライン1.0のCSS技術書では、色を指定する場合には色の名前ではなく数値を使用すること、文字色(colorプロパティ)と背景色(background-colorプロパティ)のコントラストを十分なものにすることが推奨されています。
WebSafeColors ColorNamesなお、WAIのアクセシビリティ・ガイドライン1.0のCSS技術書では、色を指定する場合には色の名前ではなく数値を使用すること、文字色(colorプロパティ)と背景色(background-colorプロパティ)のコントラストを十分なものにすることが推奨されています。
