SITE TITLE

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}