[HTML・CSS] コンテンツの背景に色を付ける

●コンテンツの背景に色を付ける

---------------------------------
＜html＞
＜head＞
＜title＞鉄道写真館＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
	background-color:#ffffee;
}
h1{
	font-size:40px;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	color:#336633;
}
span.green{
	color:#339900;
}
span.name{
	color:#339900;
	font-weight:bold;
}
p{
	width:360px;
	text-align:left;
	background-color:#f7ffcc;
	padding:20px;
}
div.copy{
	background-color:#33cc66;
	color:white;
	font-size:smaller;
	padding:2px;
}
--＞＜/style＞
＜/head＞
＜body＞
＜div align="center"＞
＜h1＞鉄道写真館＜/h1＞
＜p＞＜span class="name"＞鉄道写真館＜/span＞へようこそ！ここは、＜span class="green"＞『鉄道写真』＜/span＞満喫するために、
身近なところで撮影した＜span class="green"＞『鉄道写真』＜/span＞や、旅先で撮影した＜span＞『鉄道写真』＜/span＞
を集めたホームページです。＜/p＞
＜div class="copy"＞Copyright(c) HTML Master＜/div＞
＜/div＞
＜/body＞
＜/html＞
---------------------------------

改訂第6版 HTML&スタイルシート ポケットリファレンス (POCKET REFERENCE)/シーズ

￥1,764
Amazon.co.jp

HTML&スタイルシート レイアウトブック/外間 かおり

￥2,499
Amazon.co.jp