Draw a dotted line using pseudo-element::after and a linear background 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;
  }

Others can refer to:

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

Guess you like

Origin blog.csdn.net/melissaomy/article/details/132501370