6. 菜单切换 - 被选中的底部无线
2015-07-25 09:52
92 查看
效果:
![](http://images0.cnblogs.com/blog2015/664457/201507/250957134377507.png)
css
html
![](http://images0.cnblogs.com/blog2015/664457/201507/250957134377507.png)
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>
相关文章推荐
- javascript笔记06:类的创建
- 毕业后,你变胖了吗?
- hdu 5284 wyh2000 and a string problem(没有算法,只考思维,字符数组得开20万,不然太小了)
- Java 多线程(六) synchronized关键字详解
- leetcode 228 Summary Ranges
- TOJ 4120 Zombies VS Plants
- TOJ 4120 Zombies VS Plants
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
- wpf 实现全屏与取消全屏
- poj 2236 Wireless Network 并查集
- 写给自己的话
- 深入解读Quartz的原理
- leetCode 89.Gray Code (格雷码) 解题思路和方法
- exchange2003备份与恢复
- jQuery.noConflict() 解决冲突 原理深入
- Nginx.conf 配置文件详解
- guava (一)--简介
- Exchange服务器快速关机
- Xamarin Android 绑定jar库同时将so库打包进去
- memset()函数及其作用