如何在 HTML 中调整 <hr> 的大小

在 HTML 中，<hr> 标签用于插入水平线。默认情况下，水平线的大小是固定的，但是您可以使用CSS来调整它的大小。以下是两种方法：

1.使用CSS的height属性调整水平线的高度

通过设置 <hr> 元素的 CSS 属性 height，您可以更改水平线的高度。

<style>
hr {
  height: 10px; /* 设置水平线高度为 10 像素 */
  color: gray; /* 设置水平线颜色为灰色 */
}
</style>

<hr>

2.使用<hr>元素的高和宽属性调整水平线的大小

在 HTML 中，<hr> 元素还具有两个属性：height 和 width。您可以使用这些属性来指定水平线的高度和宽度。

<hr height="10" width="50%">

在这个例子中，水平线的高度为 10 像素，宽度为浏览器视口宽度的一半（50％）。

您还可以将高度和宽度设置为像素或其他CSS单位（例如 em 或 rem）：

<hr height="2em" width="80%">

以上是两种调整<hr>的大小的方法。希望本文能对您有所帮助！