```htmlhr { borderwidth: 2px;}

水平线示例这是一个2像素宽的水平线。

在上面的示例中,`borderwidth` 属性被设置为 2 像素,这会使水平线显示为2像素宽。您可以根据需要调整这个值。

HTML水平线粗细详解

```html

二、使用CSS调整水平线粗细

1. `border-width`属性:该属性可以设置水平线的宽度,包括上、下、左、右四个方向的宽度。对于水平线,我们通常只关注上和下的宽度。

```css

hr {

border-top-width: 2px; / 设置上边框宽度为2像素 /

border-bottom-width: 2px; / 设置下边框宽度为2像素 /

}

```

2. `line-height`属性:该属性可以设置行高,对于水平线来说,行高与水平线的粗细有直接关系。

```css

hr {

line-height: 2px; / 设置行高为2像素,与border-width保持一致 /

}

```

3. `height`属性:该属性可以设置水平线的高度,但通常不建议使用,因为它可能会影响水平线的布局。

```css

hr {

height: 2px; / 设置水平线高度为2像素 /

}

```

三、示例代码

以下是一个示例,展示了如何使用CSS调整水平线的粗细:

```html