unraveled CSS Tabs 2.0,http://unraveled.com/publications/css_tabs/,在body上加了一个id属性,看得极度不爽,改了它:
效果先:
html:
<ul id="tabnav">
<li><a class="tabcurrent" href="Tab_1.html">tab one</a></li>
<li><a href="Tab_2.html">tab two</a></li>
<li><a href="Tab_3.html">tab three</a></li>
<li><a href="Tab_4.html">tab four</a></li>
</ul>
css:
ul#tabnav {
border-bottom: #6c6 1px solid;
padding: 3px 10px 3px 10px;
list-style-type: none;
}
ul#tabnav li {
display: inline;
}
ul#tabnav li a {
border:#6c6 1px solid;
border-bottom:#6c6 0px solid;/*去除下边框线*/
padding:3px 4px 3px 4px;
background-color: #cfc;
text-decoration: none;
}
ul#tabnav li a:hover{
background: #fff;
}
ul#tabnav li a.tabcurrent{
background-color:#fff;
position: relative; /*相对位置*/
top: 1px; /*相对位置,移下1px遮住下边框*/
}