首页 > Web开发 > 详细

Tabs切换CSS

时间:2015-02-11 21:57:57      阅读:366      评论:0      收藏:0      [点我收藏+]
#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;
}

Tabs切换CSS

原文:http://blog.csdn.net/pa5201314/article/details/43740719

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!