CSS 背景色を指定するサンプル(background-color) |

CSSの背景色を指定するサンプルです。
background-colorプロパティまたはbackgroundプロパティを使用します。

background-color / background プロパティ

background-color : 値
background : 値

値	説明
色	色を指定します。
値を継承しない

初期値は透明(transparent)です。
背景色を指定します。
以下はMDNのbackground-colorプロパティのリンクです。
https://developer.mozilla.org/ja/docs/Web/CSS/background-color
以下はMDNのbackgroundプロパティのリンクです。
https://developer.mozilla.org/ja/docs/Web/CSS/background

コード

サンプルのコードです。
3,6行目は、background-colorプロパティを使用しています。
9行目は、backgroundプロパティを使用しています。

<style>
#box1{
	background-color:LightSkyBlue;
}
#box2{
	background-color:#00BFFF;
}
#box3{
	background:rgb(30,144,255);
}
#d1 div{width:200px;height:100px;border:1px solid #000;}
</style>
<body >
<div id="d1">
<div id="box1">background-color:<br />LightSkyBlue</div>
<div id="box2">background-color:<br />#00BFFF</div>
<div id="box3">background:<br />rgb(30,144,255)</div>
</div>
</body>

サンプル

上記コードのサンプルです。

background-color:
LightSkyBlue

background-color:
#00BFFF

background:
rgb(30,144,255)