水平线<hr />,可变短划线长度

时间:2015-10-28 12:33:51

标签: html css

Horizontal line

如何使用CSS创建带有短划线长度的水平线,如图所示。 这就是我试过的

CSS

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

但我无法获得与图像中所示相同的笔画长度。

2 个答案:

答案 0 :(得分:0)

尝试border-bottom:1px虚线;

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

答案 1 :(得分:0)

尝试以下代码:使用border css属性。

hr{
    border: 1px dashed #ccc;
}
<p> hello </p>
<hr/>