HTMLに <footer> を追加し、CSSに <footer> の指定を追加します。
[↓ このページの HTML ↓] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル4 | [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> <footer> Copyright © <a href="">ほんっとにはじめてのHTML5とCSS3</a> All Rights Reserved. </footer> </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% } footer { display:block; background:#333; color:white; font-weight:bold; font-size:85%; line-height:1em; text-align: center; padding: 10px } footer a {color:#ccc} footer a:hover {color:#fcc}