解决li标签border的重叠问题

东明兄 • 2018-03-21 • 开发笔记 • 6360 阅读
chat

做一个在网页左侧显示的菜单，使用ul列表，给每个li标签加上border后会出现与相邻li标签border叠加的情况：

解决方法：给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了：

 

扩展：给li是加hover，就是鼠标悬停就会边框变色，这样一来，每个变色的只会是上左右三条框，下边框会被盖住，解决方案：在li:hover里添加 z-index，让他在最上层显示就可以了

版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/281/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
解决li标签border的重叠问题
做一个在网页左侧显示的菜单，使用ul列表，给每个li标签加上border后会出现与相邻li标签border叠加的情况： 解决方法：给li在样式中指定marg……
<<上一篇
下一篇>>
chat