具有可变虚线长度的水平线 <hr />答案

【问题标题】：Horizontal line <hr /> with variable dash length具有可变虚线长度的水平线 <hr />
【发布时间】：2015-11-14 20:48:05
【问题描述】：

如何使用 CSS 创建具有虚线长度的水平线，如图所示。这是我尝试过的

CSS

hr{
border-bottom: 1px dotted grey;
}

但我无法获得与图片中显示的相同的笔划长度。

【问题讨论】：

标签： html css

【解决方案1】：

试试下面的代码：使用border css 属性。

hr{
    border: 1px dashed #ccc;
}

<p> hello </p>
<hr/>

【讨论】：

【解决方案2】：

试试border-bottom : 1px dashed;

这是一个非常简单的“谷歌搜索”。在你来之前做一些工作并提出问题。

【讨论】：