* { margin:0; padding:0; } body { font:12px/1.8 Arial; color:#666; } h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60; } .go-back { text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px; } .wrap { border:1px dashed #ccc; background:#f8f8f8; padding:20px; } /* 本案例需要的css样式 */ ul,li { list-style:none; } .tab { width:450px; margin:0 auto 50px; } .tab-hd { background:#F93; overflow:hidden; zoom:1; } .tab-hd li { float:left; width:150px; color:#fff; text-align:center; cursor:pointer; } .tab-hd li.active { background:#F60; } .tab-bd li { display:none; padding:20px; border:1px solid #ddd; border-top:0 none; font-size:24px; } .tab-bd li.thisclass { display:list-item; }
非常好用的一个tab切换,可以重复多次使用