<style>
*{ margin:0; padding:0; font-size:16px; font-family:"微软雅黑"; font-weight:bold;}
ul{list-style:none;}<!--ul 设置了固定宽度以后不能使用float属性-->
li{float:left;}
a{
width:120px;
text-decoration:none;
margin-bottom:1px;
text-align:center;
display:block;
height:38px; line-height:38px;
background-color:#396;
color:#0CC;
}
.active,a:hover{background-color:#066}
</style>
<body>
<ul>
<li><a href ="#" class="active">首 页</a></li>
<li><a href ="#">个人简介</a></li>
<li><a href ="#">信息服务</a></li>
<li><a href ="#">照片墙</a></li>
<li><a href ="#">Seer</a></li>
</ul>
</body>
</html>
