阅读背景:

使用纯css实现选项卡效果

来源:互联网 

html部分:

1 <ul> 2 <li> 3 <input type="radio" name="radio" id="tab1" checked> 4 <label for="tab1">选项一</label> 5 <div class="content">内容一</div> 6 </li> 7 <li> 8 <input type="radio" name="radio" id="tab2"> 9 <label for="tab2">选项二</label> 10 <div class="content">内容二</div> 11 </li> 12 <li> 13 <input type="radio" name="radio" id="tab3"> 14 <label for="tab3">选项三</label> 15 <div class="content">内容三</div> 16 </li> 17 <li> 18 <input type="radio" name="radio" id="tab4"> 19 <label for="tab4">选项四</label> 20 <div class="content">内容四</div> 21 </li> 22 <li> 23 <input type="radio" name="radio" id="tab5"> 24 <label for="tab5">选项五</label> 25 <div class="content">内容五</div> 26 </li> 27 </ul> 1 <ul> 2 <li> 3 <input type="r



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: