我现在在做一个 ul 列表,然后给每个 li 加上边框,但是加完了之后,相邻列表的边框就会变成 2px,比如第一个 li 的下边框和第二个 li 的上边框就会重叠在一起,请问这有什么办法解决一下么?
解决方法是:
- 试试给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了.
- 新问题:
- 不过我现在这个li是加了hover的,就是鼠标悬停就会边框变色,这样一来,每个变色的只会是上左右三条框,下边框被盖住,看不出效果了~~~~
- li {
- border:1px solid #FF0000;
- margin-top:-1px;
- }
- li:hover {
- border:1px solid #0000FF;
- position:relative;
- z-index:2;
- }
- 这个问题在我工作中很常见,百度搜的这种方法感觉还不错,很实用
来源: http://www.bubuko.com/infodetail-1962665.html