CSS实现自定义虚线

.line {
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, rgba(193, 193, 193, .8) 0%, rgba(193, 193, 193, .8) 50%, transparent 50%);
        background-size: 16px 1px;
        background-repeat: repeat-x;
      }