如何在不使用带css的图像的情况下控制短划线到边框的长度？

Question

我需要在边框底部更改短划线的长度.我想让每个破折号的长度为30px.没有使用任何图像,有没有机会这样做？

Answer 1

没有任何图像,这是不可能的.但它可以在不加载任何图像的情况下完成- 使用CSS渐变(基本上是生成的图像)​​:

background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;    
background-size: 60px 1px;