一个最普通的CSS导航菜单

一个最普通的CSS导航菜单，不能再普通了，喜欢简洁的朋友可以直接拿去用，有时候太花哨了并不是好事哦。

答案：<title>一个最普通的CSS导航菜单</title>
<style type="text/css">
#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 15px; 
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background: #c00000;
}

* html #pointermenu2 ul{ 
margin-bottom: 1em;
margin-left: 7px; 
}

#pointermenu2 ul li{
display: inline;
}

#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}
#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{
color: yellow;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
}
</style>
<div id="pointermenu2">
<ul>
<li><a href="/">关于我们</a></li>
<li><a href="/">更新排行</a></li>
<li><a href="/" id="selected">网页特效</a></li>
<li><a href="/">论坛</a></li>
<li><a href="/">精品代码</a></li>
<li><a href="/">联系信息</a></li>
<li><a href="#" id="rightcorner">&nbsp;</a></li>
</ul>
</div>

上一个：CSS经典Tab滑动门菜单
下一个：CSS+Js圆角的滑动门