Q16 これを作って！ 

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Q16</title>
<link rel="stylesheet" href="styleQ16.css">
</head>
<body>
<div id="container">
<h1>Background Design</h1>
<p>Sharing your digital photos with family and friends is such an easy thing to do these days.</p>
</div>
</body>
</html>


@charset "UTF-8";

/*リセット*/
body {
  margin: 0;
  padding: 0;
  font-family: 
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}

/*本文*/
body {
  margin-top: 10px;
}
#container {
  width: 400px;
  height: 240px;
  background: #303030;
  color: #FFFFFF;
  margin: 0 auto;
  padding: 10px;
  background-image: url(img/01.gif);
  background-repeat: repeat-y;
  background-position: 285px 0;
}