ul { margin:5px 0 0 0; padding:0; list-style:none; width:300px; background:#f1f1f1; }
li { border-left:1px solid #fff; border-bottom:1px solid #999; border-top:1px solid #fff; border-right:1px solid #ccc; line-height:28px; text-indent:20px; font-family:arial; cursor:pointer; border-radius:4px; margin-bottom:3px; color:#6f6f7a; transition:0.3s; }
li:hover { border-right:1px solid #fff; border-top:1px solid #999; border-bottom:1px solid #fff; border-left:1px solid #999; background:#6e697a; color:#fff; }
相关文章
- 08-252d旋转(css3实现过度效果和动画效果)
- 08-25css实现毛玻璃效果
- 08-25css边框
- 08-25用CSS伪类实现毛玻璃效果
- 08-25CSS3笔记005 - 第05章 边框样式
- 08-2580CSS3效果:bootstrap之modal
- 08-25利用css的cubic-bezier函数做出动态的缓冲效果
- 08-25CSS-浮动与父级边框塌陷问题
- 08-25CSS揭秘之《边框图像》
- 08-25前端纯CSS实现动画打字效果,中英文都支持