超简单TAB切换_html/css_WEB-ITnose

 
 
第一个
 
第二个
 
第三个
 
第三个
 
 
 
第一个的内容
 
第二个的内容
 
第三个的内容
 
第三个的内容
 
 

style样式

.tab-fbox2{ width:500px; margin:20px 0 0 50px;}.tab-fbox2 .title-list2 li{ float:left; width:100px; height:20px; text-align:center; line-height:20px; background-color:#000; color:#fff; border-right:solid 2px #fff; cursor:pointer;}.tab-fbox2 .title-list2 li.active2{ background-color:#f00;}.tab-fbox2 .tcont-box2{ border:solid 1px #000; height:300px;}.tab-fbox2 .tcont-box2 .tcont2{ display:none;}