css-边框重叠问题处理

文章描述:

css处理边框重叠效果的处理方式

html

    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

css

li {
     position: relative;
     float: left;
     width: 100px;
     height: 200px;
     margin-left: -1px;
     list-style: none;
     border: 1px solid pink;
}

hover

li:hover {
      z-index: 1;
      border-color: darkgreen;
}

 

发布时间:2022/06/23

发表评论