【CSS】如何使用css绘制一条斜虚线

如何使用css绘制一条斜虚线

文章目录


如图

在这里插入图片描述


提示:以下是本篇文章正文内容,下面案例可供参考

一、代码

.percent-line {
    
    
  display: inline-block;
  height: 2px;
  width: 180px;
  position: relative;
  background: repeating-linear-gradient(135deg, #193D75, #193D75 4px, transparent 4px, transparent 8px);


  .line {
    
    
    position: absolute;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(135deg, rgba(0, 224, 255, 1), rgba(0, 224, 255, 1) 4px, transparent 4px, transparent 8px);
    height: 2px;
    width: 100px;
  }
}

猜你喜欢

转载自blog.csdn.net/qq_33489538/article/details/140373201