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

CSSの背景色を指定するサンプルです。

目次

backgroundのサンプル

backgroundのサンプルです。
背景色を指定します。

<style>
#box1{
	background:LightSkyBlue;
}
#box2{
	background:#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>

3行目は、LightSkyBlueという色名を指定しています。
6行目は、#rrggbbの形式で色を指定しています。
9行目は、rgbの形式で色を指定しています。

以下のイメージになります。

background:
LightSkyBlue
background:
#00BFFF
background:
rgb(30,144,255)

background プロパティ

background : 値
background-color : 値
説明
色を指定します。
値を継承しない

関連の記事

CSS 背景画像を指定するサンプル(background-image)
CSS 背景画像の繰り返し方法を指定するサンプル(background-repeat)
CSS 四角の角を丸くするサンプル(border-radius)
CSS ボックスに影をつけるサンプル(box-shadow)
CSS 文字に影をつけるサンプル(text-shadow)
CSS 透明度を指定するサンプル(opacity)
CSS 線のグラデーションのサンプル(linear-gradient)
CSS 円のグラデーションのサンプル(radial-gradient)

△上に戻る