如何在 HTML 中添加水平线？

在本文中，我们将了解如何在 HTML 中添加水平线。为此，有两种方法：

• 通过使用

  ---

  标签
• 通过使用 CSS 属性

我们将依次讨论这两种方法以添加水平线。

使用

---

标签添加水平线：水平规则标签 (

---

) 用于在 HTML 文档中插入水平线以分隔文档的各个部分。它是一个空的或未配对的标签，这意味着不需要结束标签。

句法：

示例 1：本示例描述了添加水平线的

---

标签。

HTML

  

    

  

    
Horizontal line
    

    
This is simple horizontal line.

  

输出：

示例 2：此示例描述了具有各种属性及其值的

---

标记来设置水平线的样式。

HTML

  

    

  

    
Horizontal line using various attributes
    

    

    
 

  

输出：

使用 CSS 属性添加水平线：在这种情况下，我们将使用边框样式属性 创建水平线。我们既可以使用指定上边框样式的border-top属性，也可以使用可以设置元素下边框样式的border-bottom属性。这两个属性都可以用来添加水平线。

示例 3：本示例描述了使用border-style属性绘制水平线。

HTML

  

    
    

  

    
Horizontal line using CSS Properties
    

    


  

输出：