<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 导航条 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
body,div,ul,li{
padding:0px;
margin:0px;
}
#nav{
width:960px;
height:35px;
background:#CCC;
margin:auto;
margin-top:30px;
}
#nav ul{
width:960px;
height:35px;
list-style:none;
}
#nav ul li{
float:left;
line-height:35px;
margin-right:1px;
text-align:center;
}
#nav ul li a{
display:block;
height:35px;
color:#333;
font-size:12px;
padding:0 10px;
text-decoration:none;
float:left;
}
#nav ul li a:hover{
display:block;
height:35px;
color:#fff;
font-size:12px;
padding:0 10px;
background:#000;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">W3Cfuns</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>
扫一扫
461
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
