查看“︁沙盒”︁的源代码

<div class="main-line-wrap">
<div class="resp-tabs">
<ul class="resp-tabs-list clearfix" style="margin:15px 5px">
<li class="active czn-list-style"><span class="tab-panel">标签1</span></li><!--默认第1个标签-->
<li class="czn-list-style" ><span class="tab-panel" >标签2</span></li><!--默认第2个标签-->
<li class="czn-list-style" ><span class="tab-panel" >标签n</span></li><!--默认第3个标签-->
<!--想添加更多标签,可以复制上面一行-->
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content" style="display:block"><!--默认第1个标签的内容-->
内容1111111111111111
</div>
<div class="resp-tab-content"><!--默认第2个标签的内容-->
内容2222222222222222
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
内容3333333333333333
</div>
<!--想添加更多标签,可以复制上面3行.注意标签数量和标签内容要一致-->
</div>
</div>
</div>