Tabs切换CSS
浏览数：27 /
时间：2015年06月09日
#tabs > ul{
display:block;
border:1px #d5d5d5 solid;
background:#ddd;
height:35px;
padding-top:5px;
padding-left:10px;
}
#tabs > ul li{
float:left;
padding:10px 15px;
color:#666;
background:#ddd;
cursor:pointer;
}
#tabs > ul li.active{
color:#333;
background:#fff;
border-radius:3px 3px 0 0;
position:absolute;
}
#tabs > div{
display:none;
border:1px #d5d5d5 solid;
border-top:none;border-radius:0 0 5px 5px;
}
#tabs > div.active{display:block;}
.clearfix{
*zoom: 1;
clear: both;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
display:block;
border:1px #d5d5d5 solid;
background:#ddd;
height:35px;
padding-top:5px;
padding-left:10px;
}
#tabs > ul li{
float:left;
padding:10px 15px;
color:#666;
background:#ddd;
cursor:pointer;
}
#tabs > ul li.active{
color:#333;
background:#fff;
border-radius:3px 3px 0 0;
position:absolute;
}
#tabs > div{
display:none;
border:1px #d5d5d5 solid;
border-top:none;border-radius:0 0 5px 5px;
}
#tabs > div.active{display:block;}
.clearfix{
*zoom: 1;
clear: both;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
