css实现细边框

在实际开发中都是通过border来设置边框,但是会发现就算是最小的边框也还是有点宽,因此通过一下两个方法可以实现细边框 。

细边框:

border设置的边框

 1.在标签中实现

.light-line {
    200%;
    height:1rpx;
    transform-origin:0 0;
    transform:scale(0.5);
    background-color:#eee;
}

 2.在  ::after 中实现

.found .label .item::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  200%;
  height: 200%;
  border: 1rpx solid #ddd;
  border-radius: 10rpx;
  transform: scale(.5);
  transform-origin: 0 0;
  box-sizing: border-box;
}
原文地址:https://www.cnblogs.com/cap-rq/p/12802589.html