html php 选项卡,PHP开发-CSS实现Tab选项卡功能（附效果图）

代码很简单，这里不多说什么，请看代码吧：

Insert title here

function idnexcls(id){

$(".active").removeClass();

$(id).attr("class","active");

}

ul.tabnav li {

float: left;

display: inline;

margin-left: 8px;

}

ul.tabnav li {

float: left;

display: inline;

margin-left: 8px;

}

.tabnav li a {

background-color: #BDC2BD;

border: 1px solid #aaa;

color: #666;

display: block;

padding: 0 5px;

line-height: 20px;

float: left;

font-weight: bold;

}

.tabnav .active a{

background-color: #fff;

border-bottom: 1px solid #fff;

}

.tabnav li a:hover {

background-color: #fff;

border-bottom: 1px solid #fff;

_position: relative;

}

.nav{

margin-top: 20px;

padding-bottom: 20px;

}

.nav .tabnav {

border-bottom: 1px solid #aaa;

height: 21px;

_overflow: hidden;

}

• 商品管理
• 评论管理

效果图预览：