摘要：<DOCTYPE! html><html><head><style type="text/css">*{margin: 0 auto; padding: 0px; text-decoration: none;}.header{ width: 100%; background: #7d7d7d; height: 60px;}.hea
<DOCTYPE! html>
<html>
<head>
<style type="text/css">
*{margin: 0 auto; padding: 0px; text-decoration: none;}
.header{ width: 100%; background: #7d7d7d; height: 60px;}
.header ul{width: 1200px; height: 60px; background: #7d7d7d;}
.header ul li{width: 100px;height: 60px; background: #7d7d7d;text-align: center; list-style: none; float: left; line-height: 60px; }
.header ul li:hover{ background:#2b2b2b; }
.header ul li a{color: #ffffff; font-size: 14px; display: inline-block; height: 60px; width: 100px; line-height: 60px; text-align: center;}
.header ul li ul{display: none; width: 100px;}
.header ul li:hover .nav_ul{ display: block; }
.header ul li ul li{height: 40px; width: 100px; background: #7d7d7d; line-height: 40px; }
.header ul li ul li a{color: #ffffff; font-size: 14px; display: inline-block; height: 40px; width: 100px; line-height: 40px; text-align: center;}
</style>
</head>
<body>
<div class="header">
<ul>
<li><a href="">首页</a></li>
<li><a href="">关于我们</a>
<ul class="nav_ul">
<li><a href="">企业文化</a></li>
<li><a href="">业务团队</a></li>
<li><a href="">发展历程</a></li>
</ul>
</li>
<li><a href="">售卖产品</a></li>
<li><a href="">服务跟随</a></li>
<li><a href="">新闻动态</a>
<ul class="nav_ul">
<li><a href="">企业动态</a></li>
<li><a href="">行业新闻</a></li>
<li><a href="">产品更新</a></li>
</ul>
</li>
<li><a href="">业务合作</a></li>
<li><a href="">联系我们</a></li>
</ul>
</ul>
</div>
</body>
</html>
批改老师：韦小宝批改时间：2018-11-02 10:42:25
老师总结：写的很完整！给你点个赞！继续努力学习吧！下次作业记得带上自己的总结哦！
