Web制作課題Q22

課題

HTML

<ul>
<li id="new"><a href="#">新着情報</a></li>
<li id="info"><a href="#">ニュース/お知らせ</a></li>
<li id="item"><a href="#">製品情報</a></li>
<li id="shop"><a href="#">店舗案内</a></li>
<li id="company"><a href="#">会社案内</a></li>
</ul>
<||

CSS
>||
ul{
  width: 180px;
  border-top: 1px dotted #7fffd4;
}
li{
  height: 40px;
  border-bottom: 1px dotted #7fffd4;
}
a{
  display: block;
  padding: 10px 0 0 20px;
  color: #7fffd4;
}
a:hover{
  color: #ffa500;