6. 菜单切换 - 被选中的底部无线

效果：

css

ul{  width: 380px; height: 34px; }
ul{ border-bottom: 2px solid #dbdbdb; }
ul li{  width: 172px; height: 34px; border: 2px solid #dbdbdb; border-bottom: none; border-radius: 6px 6px 0 0; }
ul li.active{ background: #ffede8; }

 

html

<!-- 兼容所有 -->
<ul>
    <li class="fl active"></div></li>
    <li class="fr"></li>
</ul>