Html
    Css
    Js

    
                        
body,ul,li,div,a {
	margin:0px;
	padding:0px;
}
body {
	margin-top:10px;
	margin-left:15px;
}
#all {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:255px;
}
#title li {
	float:left;
	list-style:none;
	width:50px;
	border-top:2px solid #f60;
	border-right:1px solid #ccc;
	text-align:center;
	padding-top:3px;
}
#title li:last-child {
	border-right:1px solid #fff;
}
.new {
	border-bottom:1px solid #fff;
	color:#f60;
}
.old {
	border-bottom:1px solid #ccc;
}
#content {
	clear:both;
}
#content ul {
	margin-left:5px;
	list-style:none;
	float:left;
}
#content li {
	width:40px;
	height:30px;
	background-color:#f60;
	text-align:center;
	color:#fff;
}
.inContent {
	width:205px;
	height:90px;
	background-color:#f6c;
	margin-left:50px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

tab切换中套tab切换

0