* {
margin:0;
padding:0;
}
.tab {
width:750px;
border:1px outset black;
border-radius:5px;
}
ul>li {
float:left;
list-style:none;
padding:5px 7px;
margin-top:8px;
margin-left:5px;
border-radius:5px;
color:#1c8cbe;
}
.btn {
background:white;
color:#de8915;
}
.clearfix::before,.clearfix::after {
display:block;
content:"";
clear:both;
}
.ys {
margin-top:5px;
margin-left:5px;
width:740px;
height:40px;
background:#f7be5e;
border-radius:5px;
border-bottom:1px outset #e5910a;
}
.con {
margin-top:10px;
margin-left:10px;
}
.con-1 {
font-size:13px;
display:none;
}
.active {
display:block;
}
新手可以根据jq里的class名字进行仿照更改,css样式里面的几个dispaly比较重要,不能去掉。