如何使用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;
}
}