CSS 背景色の指定

特定の要素やクラスの背景色を指定します。

詳しい説明はこちら。

ページ全体の背景色を変える

次のソースで、このように表示される。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>ページタイトル</title>
	<style type="text/css">
	<!--
	body {
	background-color: red;
	}
	-->
	</style>
</head>
<body>
</body>
</html>

特定の要素やクラス名・ID名の背景色指定

次のソースで、このように表示される。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<title>ページタイトル</title>
	<style type="text/css">
	<!--
	p {
		background-color: #CC99CC;
	}
	h1 {
		background-color: #CC9999;
	}
	.test {
		background-color: #CCCC99;
	}
	#main {
		background-color: #FF9999;
	}
	-->
	</style>
</head>

<body>
<h1>h1要素の背景色に#cc9999を指定</h1>
<p>要素の背景色に#cc99ccを指定</p>
<div class="test">
クラス名testの背景色に#cccc99を指定</div>
<div id="main">
id名mainの背景色を #ff9999を指定</div>
</body>

</html>