html实现tab页dome,jQuery实现tab选项卡

div,ul,li,a{margin:0;padding:0;list-style:none;text-decoration:none;}

.clearfix:after{content:'';display:block;clear:both;overflow:hidden;visibility:hidden;}

.clearfix{zoom:1;}

.tab{width:900px;margin:30px auto;}

.tab.tab-wrap{border-bottom:1px solid#f00;}

.tab-menu{float:right;}

.tab-menuli,.tab-menuli a{display:inline-block;*display:inline;float:left;height:34px;line-height:34px;font-size:14px;font-family:"Microsoft YaHei","微软雅黑";padding:0 14px;text-align:center;}

.active{position:relative;border:1px solid#f00;border-bottom:none;height:34px;line-height:34px;background-color:#fff;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;}

.content{display:none;height:400px;width:900px;line-height:400px;background:olivedrab;float:left;}

.show{display:block;}