如何在html中设置水平规则的厚度

jsl*_*ner 8 html css

如何在html/CSS中设置水平规则的粗细

Nei*_*ght 13

您可以使用该SIZE属性:

<hr size="3" />
Run Code Online (Sandbox Code Playgroud)

请注意,这已被弃用.你应该真的使用样式来解决这个问题.

hr {
    height: 3px;
}
Run Code Online (Sandbox Code Playgroud)

  • @Stephan Muller:将"3"改为"4"真的很难. (4认同)

Loc*_*rde 11

如果您<hr />的文档中有很多内容,只需在您的<head>部分中添加样式即可

hr
{
    border: 5px solid #000;
}
Run Code Online (Sandbox Code Playgroud)

并将5px更改为您想要的任何内容.

编辑不要使用高度,它会使你的hr看起来是空心的,除非那就是你要找的东西.

这是一个简单的例子:http://jsfiddle.net/ErdXg/ 尝试一些颜色和厚度,并玩它.

  • 我知道此解决方案很简单。但对我而言,hr是黑线而不是空心矩形。我要它厚!所以这最让我满意。 (2认同)