用伪元素 ::after和线性背景 linear-gradient画虚线

  &-item ::after{
    position: absolute;
    content: "";
    bottom:0;
    left: 16px;
    right: 16px;
    background: linear-gradient(to right, #d5eafc 50%, transparent 50%);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    background-position: 0% 100%;
    height: 1px;
  }

其他可以参考:

https://blog.csdn.net/hncu1990/article/details/118878493

你可能感兴趣的:(css,css3,前端)