tab
<style type="text/css">
ul,li
{
margin:0;
padding:0;
}
#nav
{
border-bottom:1px solid #77B1E7;
}
.clear
{
clear:both;
}
ul
{
float:left;
font-size:14px;
margin-bottom:-1px; /*这里一行最重要,设置为-1px 才能启作用。*/
padding-left:10px;
width:99%;
}
ul li
{
list-style-type:none;
float:left;
margin-right:3px;
list-style-image:none;
list-style-position:outside;
}
ul li a.current_nav:link,ul li a.current_nav:visited,ul li a.current_nav:hover,ul li a.current_nav:active
{
background-color:white;
border-bottom:1px solid white;
color:black;
cursor:default;
letter-spacing:0;
margin-top:0;
padding:5px 10px 4px;
}
ul li a:link,ul li a:visited,ul li a:hover,ul li a:active
{
background-color:#59A0E1;
border:1px solid #77B1E7;
color:white;
float:left;
letter-spacing:1px;
padding:5px 10px 4px;
text-decoration:none;
}
</style>
</head>
<body>
<div id="nav">
<ul id="ul">
<li><a title="好友和关注的动态" class="current_nav" href="#">最新动态</a> </li> <li><a class="" href="#">好友的</a> </li>
<li><a class="" href="#">关注的</a> </li>
<li><a class="" href="#">我的</a> </li>
<li><a class="" href="#">全站sssss中华人民共和国</a> </li>
</ul>
<div class="clear" ></div>
</div>
</body>
ul,li
{
margin:0;
padding:0;
}
#nav
{
border-bottom:1px solid #77B1E7;
}
.clear
{
clear:both;
}
ul
{
float:left;
font-size:14px;
margin-bottom:-1px; /*这里一行最重要,设置为-1px 才能启作用。*/
padding-left:10px;
width:99%;
}
ul li
{
list-style-type:none;
float:left;
margin-right:3px;
list-style-image:none;
list-style-position:outside;
}
ul li a.current_nav:link,ul li a.current_nav:visited,ul li a.current_nav:hover,ul li a.current_nav:active
{
background-color:white;
border-bottom:1px solid white;
color:black;
cursor:default;
letter-spacing:0;
margin-top:0;
padding:5px 10px 4px;
}
ul li a:link,ul li a:visited,ul li a:hover,ul li a:active
{
background-color:#59A0E1;
border:1px solid #77B1E7;
color:white;
float:left;
letter-spacing:1px;
padding:5px 10px 4px;
text-decoration:none;
}
</style>
</head>
<body>
<div id="nav">
<ul id="ul">
<li><a title="好友和关注的动态" class="current_nav" href="#">最新动态</a> </li> <li><a class="" href="#">好友的</a> </li>
<li><a class="" href="#">关注的</a> </li>
<li><a class="" href="#">我的</a> </li>
<li><a class="" href="#">全站sssss中华人民共和国</a> </li>
</ul>
<div class="clear" ></div>
</div>
</body>