有没有办法改变短划线的长度为＆＃34; border：dashed;＆＃34;？

Question

我试图得到这个结果（我在这里留下红色按钮只是为了更好地理解破折号）：

但我想到的只是改变边框厚度。我现在拥有的只有：

和

但这不是我想要实施的。 这是我简单的CSS：

.dashed-wrapper {
    border-bottom: 2px #cccccc dashed;
}

提前感谢您提供任何帮助