<body>要素の background に、CSS で縦方向の線形グラデーションを指定しています。
[↓ このページのHTML ↓]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトル</title>
<link rel="stylesheet" href="css/style1.css">
</head>
<body>
<header>
<h1>タイトル</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:#ddefbb; /*グラデーション未対応のブラウザ用*/ background:-webkit-linear-gradient(top, #ddefbb, #fee) #ddefbb; /*オールド用*/ background:linear-gradient(#ddefbb, #fee) #ddefbb; /*標準型*/ } ★このページのCSSを全部見る