解决li标签border的重叠问题

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

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

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

 

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

3+

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

发表评论

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