解决li标签border的重叠问题

Daming • 2018-03-21
4条评论 • 2,062 次浏览
Daming • 2018-03-21 • 4条评论 • 2,062 次浏览

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

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

 

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

3+

相关推荐:

  1. overflow属性对before、after伪元素的影响
  2. input和button的对不齐的问题
1.如需转载本站原创文章，请务必注明文章出处并附上链接，非常感谢。
2.本站用于记录个人 工作、学习、生活，非商业网站，更多信息请 点击这里

“解决li标签border的重叠问题” 有 4 条评论

发表评论

电子邮件地址不会被公开。