HTML | DOM HR 宽度属性

介绍

在 HTML 中，<hr> 用于表示一条水平线，一般用于分隔文章中的不同部分。通过设置 width 属性可以控制 <hr> 元素的宽度。

语法

HTML 中 <hr> 元素的语法如下：

<hr width="value">

其中，width 属性控制 <hr> 元素的宽度，取值可以为以下几种类型：

• 像素（px）：例如 width="100px"，表示设置宽度为 100 像素。
• 百分比（%）：例如 width="50%"，表示设置宽度为父元素宽度的 50%。
• 默认值：如果没有设置 width 属性，则 <hr> 元素的宽度为页面宽度。

实例

下面是一些示例代码，演示如何使用 width 属性来控制 <hr> 元素的宽度。

• 设置宽度为 50%

  <hr width="50%">
  

• 设置宽度为 200 像素

  <hr width="200px">
  

• 不设置宽度

  <hr>
  

结论

<hr> 元素的 width 属性可以控制 <hr> 元素的宽度，取值可以为像素或百分比。如果没有设置 width 属性，则 <hr> 元素的宽度为页面宽度。