Web制作課題Q８〜11

課題

Q8

body,h1,h2,h3,p,ul,li,img {
  margin: 0;
  padding: 0;
}

Q9

body {
  font-size: 16px;
  color: #333333;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  line-height: 1.5;
}

Q10

body {
  font-size: 16px;
  color: #333333;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  line-height: 1.5;  
  background-color: #3366cc;
}
h1 {
  background-color: #ffffff;
}

Q11

<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>復習（2）文字と背景Q11</title>
<head>
<style>
body,h1,p{
  margin: 0;
  padding: 0;
}
body {
  font-size: 16px;
  color: #333333;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  line-height: 1.5;  
  background-color: #ffffff;
}
#header a:link{
  color: sky-blue;
}
#header a:visited {
  color:turquoise;
}
#header a:hover {
  color :#FFA500;
}
#header a:active {
  color: lawngreen;
}
</style>
</head>
<body>
<div id="header">
<h1>お問い合わせはこちらになります</h1>
<p><a href="http://www.felica.co.jp">http://www.felica.co.jp</a></p>
</div>
</body>
</html>