まずは、背景全体に色をつけてみましょう。
<body> にCSSで背景色を指定をします。
[↓ このページの HTML ↓]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル1 [13-1] 背景に色をつけてみよう | ほんっとにはじめてのHTML5とCSS3</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<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;
}