简单明了的CSS导航条_菜单导航特效

简单明了的CSS导航条，适合风格比较简洁的网页，导航条尽量不要搞太复杂，最重要的功能是导航，华而不实的东西有时候会令人反感不是吗?本导航条纯CSS实现，而且兼容性也不错，学习CSS的朋友可以继续完善它。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>CSS导航条</title>
<style type="text/css">
<!--
#navcontainer
{
margin: 0;
padding: 0;
font: 12px Verdana, sans-serif;
width: 100%;
border-bottom: 1px solid #bbb;
list-style-type: none;
}

#navlist li
{
float: left;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}

-->
</style>
</head>

所属频道：菜单导航特效/更新时间：2012-10-30

[收藏][报错][返回列表]

简单明了的CSS导航条_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些