伪类选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
   *{ padding:0; margin:0;

   }
ul{  list-style:none;

}
a{
text-decoration:none;
}

.nav{
   width:100%;height:30px;background:#333;
   margin-top:120px;
   }
.nav ul{ width:950px;height:30px;
      margin:0 auto;
   }
   .nav li{float:left;}
   .nav li a{  display:block;color:#fff;
   padding:0 20px;font-size:14px;
      line-height:30px;
   }
   .nav li a:hover{
   color:#FC0;background:#444
   }
   .duanluo{font-size:18px;line-height:2em;

   }
</style>

</head>

<body>
   <p class="duanluo">
               wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，wodedewo我的小船儿wodedewo我的小船儿，
      </p>

<div class="nav">
      <ul>
         <li><a href="#">首页</a></li>
         <li><a href="#">所有分类</a></li>
         <li><a href="#">每日新品</a></li>
         <li><a href="#">上装</a></li>
         <li><a href="#">夏装</a></li>

      <li><a href="#">连衣裙</a></li>

      </ul>
</div>

</body>
</html>

潜意式 · 发表于 2016-11-21 18:49:56

导航条没问题，但是为何这么多“我的船儿”

ptxy · 发表于 2016-12-5 22:02:36

HEHE

[作业] 伪类选择器

共2个回复最后回复于 2016-12-5 22:02

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 伪类选择器

共2个回复 最后回复于 2016-12-5 22:02

共2个回复最后回复于 2016-12-5 22:02