摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><style type="text/css">*{margin:0;padding:0} &n
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
*{margin:0;padding:0}
li{list-style:none}
a {text-decoration:none }
.cen{ clear:both;}
.top{background: #9a4b4b; height: 35px;}
.top1{width: 1000px;margin: 0 auto; }
.top1 .left li{line-height:35px; }
.top1 .left li a{ color: #fff;}
.top1 .right li{line-height:35px; }
.top1 .right li a{ color: #fff;}
.lefou{float: left; padding-right: 10px;}
.refou{float: right;}
.lanmu{ display: none;width: 300px;height: 200px; ;position: absolute;background: #8a7f7f;}
.lm2{position: relative;}
.lm2:hover .lanmu{display: block;}
.logo{ height: 140px; width: 1170px;margin: 0 auto; }
.nav{ background: #e66e6e; }
.nav ul { width: 1000px;margin: 0 auto; }
.nav ul li{ float: left;padding-left: 15px; }
</style>
<body>
<div>
<div>
<div>
<div class="left lefou">
<li><a href="#">網(wǎng)站首頁(yè)</a></li>
<li><a href="#">返回首頁(yè)</a></li>
</div>
<div class="right refou">
<li><a href="#">收藏網(wǎng)站</a></li>
<li class="lefou lm2"><a href="#">網(wǎng)站欄目</a>
<div >
<ul>
<li>第三方</li>
<li>斯蒂芬</li>
<li>斯蒂芬</li>
</ul>
</div>
</li>
<li><a href="#">網(wǎng)站信息</a></li>
</div>
</div>
</div>
<div>
<img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png">
</div>
<div></div>
<div></div>
<dir>
<ul>
<li><a href="#">網(wǎng)站首頁(yè)</a></li>
<li><a href="#">公司建設(shè)</a></li>
<li><a href="#">項(xiàng)目案例</a></li>
<li><a href="#">優(yōu)勢(shì)資源</a></li>
<li><a href="#">聯(lián)系我們</a></li>
<li><a href="#">關(guān)于我們</a></li>
</ul>
</dir>
</div>
</body>
</html>
批改老師：韋小寶批改時(shí)間：2019-03-11 08:55:14
老師總結(jié)：一個(gè)網(wǎng)站的導(dǎo)航對(duì)于網(wǎng)站來(lái)說(shuō)是非常重要的部分 在寫(xiě)導(dǎo)航的時(shí)候一定要注意到美觀