* { 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比较重要,不能去掉。