Web制作課題Q12

課題

Q12

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>復習（2）文字と背景Q12</title>
<style>
body,ul,li,a {
  margin: 0;
  padding: 0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
#nav {
  font-size: 18px;
  font-weight: bold;
  margin:50px 0 0 50px;
}
#nav ul {
  list-style-type: none;
  width: 300px;
  heiht: auto;
  bordet-top:2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-left: 2px  solid #ffffff;
  background-color: #64ace8;
}
#nav li {
  margin-bottom: 8px;
 line-height: 1.2;
  color: #ff0000;
}
#nav li a{
  color: #ffffff;
  text-decoration: none;
  width: auto;
  height: auto;
  padding: 10px;
  display: block;
  border-bottom: 2px solid #ffffff;
}
#nav a:hover {
  background-color :#FFA500;
  text-decoration: none;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">a-link-skyblue</a></li>
<li><a href="#">a-visited-turquoise</a></li>
<li><a href="#">a-hover-coral</a></li>
<li><a href="#">a-active-lawngreen</a></li>
</ul>
</div>
<body>
</html>