【CSS09】CSS課題：背景画像と枠線

CSS 
<?xml version="1.0" encording="SHIFT-JIS"?>
<!DOCTYPE html PUBLIC"-//W3C/DTD/XHTML 1.0 Transitional//EN"
"http://www.w3.org/1999/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang:"ja">&#160;
<head>
<title>【CSS05】CSS課題：背景画像と枠線</title>
<style type="text/css">
body {
	background: white;
	background-image: url(20120415210237.jpeg);
	background-repeat: repeat-y;
	}
h1 {
	color: #990000;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	padding: 5px;
	margin: 10px 0 0 80px;
	}
p {
	padding: 5px;
	margin: 10px 0 0 80px;
	}
</style>
</head>
<body>
<h1>Page Design</h1>
<p>背景に色数を減らした画像を用意します。背景画像は、縦方向び繰り返しを指定しています。<br>
また、見出しの文字は、大きく、インパクトの強い色を指定し、目を引くようにしています。<br>
このように、やり方次第でデザインの幅が広がります。いろいろ試してみましょう。</p>
</body>