【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;
  }
}