1.无序列表的一些属性
list-style-type:项目编号样式
2.伪类：
link：正常状态下
hover 鼠标悬挂时
active 鼠标按下时
visited 访问之后
body,a,ul,li{
margin:0 auto;
padding:0;
width:1918px;
font-size:28px;
}
#first{
text-align: right;
font-weight:bold;
}
#nav{
width: 1918px;
border: 1px solid green;
height:58px;
background-color:#6293bb;
text-align: center;
}
ul {
list-style: none;
}
ul li a{
color:white;
text-decoration: none;
float: left;
line-height:30px;
border-right:1px solid white;
margin-top: 14px;
width: 150px;
display: block;
}
ul li a:hover{
backgroud-color:#3671a5;
color: aqua;
}
<body>
<div id="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>
<li><a href="#">专栏</a></li>
<li><a href="#">群主</a></li>
<li><a href="#">招聘</a></li>
<li><a href="#">搜索</a></li>
</ul>
</div>
</body>
原文：http://www.cnblogs.com/caiting/p/4909181.html