如何在 HTML 中设置 hr 的粗细 - CSS

在 HTML 中，hr（水平线）标签用于在文档中放置一条水平线。默认情况下，hr 标签会显示一条细线，但是使用 CSS 样式可以轻松地控制 hr 的粗细。

使用 CSS 设置 hr 的粗细

使用 CSS 可以设置 hr 的粗细。以下是一些示例代码：

/* 设置 hr 的粗细为 1 像素 */
hr {
  height: 1px;
  border: none;
  background-color: #000;
}

/* 设置 hr 的粗细为 2 像素 */
hr {
  height: 2px;
  border: none;
  background-color: #000;
}

/* 设置 hr 的粗细为 3 像素 */
hr {
  height: 3px;
  border: none;
  background-color: #000;
}

在上面的示例中，我们使用了 height 属性来设置 hr 的高度，border 属性设置边框为 none（无边框），background-color 属性设置背景颜色为黑色。这将导致 hr 显示为一条黑色的水平线，高度为 1、2 或 3 像素，具体取决于所选择的样式。

总结

使用 CSS 可以轻松地设置 hr 标签的粗细。通过设置高度和背景颜色属性，您可以创建具有不同粗细和颜色的 hr 标签，以满足您的设计需求。