如何使用 CSS 更改 hr 标签的粗细？

HTML中的hr标签用于创建水平线。默认情况下，水平线的样式是一条宽度为1像素、高度为一半的水平线。要更改它的样式，我们可以使用CSS。

改变水平线的厚度

要更改水平线的粗细，可以使用CSS中的border-width属性。可以设置该属性的值，来改变水平线的粗细。例如，如果要创建一条粗度为5像素的水平线，可以使用如下的CSS样式：

hr {
  border-width: 5px;
}

改变水平线的颜色

要更改水平线的颜色，可以使用CSS中的border-color属性。可以设置该属性的值，来改变水平线的颜色。例如，如果要创建一条红色的水平线，可以使用如下的CSS样式：

hr {
  border-color: red;
}

改变水平线的样式

要更改水平线的样式，可以使用CSS中的border-style属性。可以设置该属性的值，来改变水平线的样式。例如，如果要创建一条点线的水平线，可以使用如下的CSS样式：

hr {
  border-style: dotted;
}

总结

我们可以使用CSS中的border-width，border-color和border-style属性，来更改水平线的样式，例如线的粗细、颜色、样式等。在使用这些属性时要注意，要为hr元素设置样式，否则它不会生效。