【CSS09】 - Today & Tomorrow...

【CSS09】
・背景画像と枠線
<html>
<head>
<title>css09</title>
<style type="text/css">

body{
  margin:0;
  background-color:#fff;
  background-image: url("CSS09.jpg");
  background-repeat: repeat-y;
}
h1{
  color:#860B1D;
  border-bottom:dashed 4px #999;

}
p{
  
  color:#333

}
h1,p{
  padding: 5px 20px;
  margin-left: 70px;

}

</style>
</head>


<body>
<h1>Page Design</h1>
<p>背景に色数を減らした画像を用意します。背景画像は、縦方向び繰り返しを指定しています。<br>
また、見出しの文字は、大きく、インパクトの強い色を指定し、目を引くようにしています。<br>
このように、やり方次第でデザインの幅が広がります。いろいろ試してみましょう。</p>
</body>
</html>