摘要：<!doctype html><html><head><meta charset="utf-8"><title>导航代码</title><style type="text/css">*{ margin:0; padding:0; font-
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导航代码</title>
<style type="text/css">
*{
margin:0;
padding:0;
font-size:14px;
text-align:center;
}
ul{
display:table;
margin:0 auto;
}
a{
color:#333;
text-decoration:none
}
.nav{
list-style-type:none;
height:30px;
border-bottom:10px solid #F60;
margin-top:20px;
}
.nav li{
float:left
}
.nav li a{
display:block;
height:30px;
text-align:center;
line-height:30px;
width:80px;
background:#efefef;
margin-left:1px;
}
.nav li a:hover{
background:#F50;
color:#fff;
}
</style>
</head>
<body>
<ul class="nav" >
<li><a class="on" href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">应用场景</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</body>
</html>
批改老师：韦小宝批改时间：2019-03-11 09:03:13
老师总结：一个网站的导航对于网站来说是非常重要的部分 在写导航的时候一定要注意到美观
