* { padding:0; margin:0; } .container { width:600px; margin:0 auto; margin-top:50px; } .tabs { width:600px; height:30px; } .tabs li { display:inline-block; width:200px; height:30px; line-height:30px; text-align:center; } .tabs li a { display:block; color:#999; border:1px solid #c82; } .tabs li.active a { color:#3d3d3d; border-bottom:2px solid #a20017; } .contents { width:600px; height:300px; position:relative; overflow:hidden; margin-top:20px; border:1px solid #c82; } .content { float:left; width:600px; height:300px; }
这个是一个使用jquery做的具有特效的tab切换