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% }