野花--利用伪元素画线

有的时候我们可能希望的border线要小于元素本身,就无法使用border来画线,我们可以直接利用伪元素画细线

        li {
          &::before {
            position: absolute;
            content: '';
            background: #665e57;
            top: -1px;
            left: 6px;
            width: 64px;
            height: 1px;
          }

 

直接content为空,利用height和width加background就可以实现线条的效果.