SITE TITLE

HTMLに <header> を追加し、CSSに <header> の指定を追加します。

[↓ このページの HTML ↓]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル3 [13-1] 背景に色をつけてみよう | ほんっとにはじめてのHTML5とCSS3</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>

<header>
<h1>SITE TITLE</h1>
</header>

<div id="container">

<p>テキスト</p>

<pre>ソース</pre>
<pre>ソース</pre>

</div>
</body>
</html>
[↓ このページの CSS ↓]
body {
	width:100%;
	margin:0;
	padding:0;
	color:#666;
	font-family:Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height:1.6em;
	background:#9F737C
	}
p {
	margin:0 0 2em;
	padding:0
	}
#container {
	width:80%;
	max-width:900px;
	margin:auto;
	padding:30px
	}
pre {
	color:#69F;
	border:solid 1px #ccc;
	padding:1em;
	margin:1em 0 0;
	}
header {
	display:block;
	padding:30px;
	background:#333;
	color:white
	}
h1 {
	font-size:240%
	}