一、使用

---

標(biāo)簽

`

---

` 標(biāo)簽是 HTML 中專(zhuān)門(mén)用于創(chuàng)建水平線的元素。它是一個(gè)空元素，不需要關(guān)閉標(biāo)簽。以下是一個(gè)簡(jiǎn)單的示例：

```html

這是一個(gè)標(biāo)題

這是一段普通的文本。

---

這是另一段文本，在水平線之后。

```

在上述代碼中，`

---

` 標(biāo)簽被放置在兩個(gè)段落之間，它會(huì)在頁(yè)面中顯示一條水平線，將前后的內(nèi)容分隔開(kāi)來(lái)。

二、使用 CSS 樣式自定義水平線

除了使用默認(rèn)的 `

---

` 標(biāo)簽樣式，我們還可以通過(guò) CSS 來(lái)自定義水平線的外觀?？梢酝ㄟ^(guò)設(shè)置 `border-top` 屬性來(lái)創(chuàng)建水平線，并通過(guò)調(diào)整 `border-width`、`border-color` 等屬性來(lái)改變其樣式。

例如：

```html

這是一個(gè)標(biāo)題

這是一段普通的文本。

---

這是另一段文本，在水平線之后。

```

在這個(gè)例子中，我們使用了 CSS 樣式來(lái)設(shè)置水平線的樣式。`border-top` 屬性指定了線條的樣式，`2px` 表示線條寬度為 2 像素，`solid` 表示實(shí)線，`#000` 表示顏色為黑色。`margin-top` 和 `margin-bottom` 屬性分別設(shè)置了上方和下方的外邊距，以控制水平線與周?chē)鷥?nèi)容的間距。

三、在表格中使用

---

標(biāo)簽

在 HTML 表格中，也可以使用 `

---

` 標(biāo)簽來(lái)創(chuàng)建水平線，以分隔表格的行或列。

例如：

```html

---

表格單元格 1	表格單元格 2
表格單元格 3	表格單元格 4
表格單元格 5	表格單元格 6

```

在這個(gè)表格中，`

---

` 標(biāo)簽被放置在兩個(gè)表格行之間，它會(huì)在表格中創(chuàng)建一條水平線，將上下兩行分隔開(kāi)來(lái)。

四、使用 CSS 框架創(chuàng)建水平線

許多 CSS 框架，如 Bootstrap、Foundation 等，都提供了方便的方式來(lái)創(chuàng)建水平線。這些框架通常具有預(yù)定義的樣式和類(lèi)，可以輕松地在項(xiàng)目中使用。

以 Bootstrap 為例，以下是創(chuàng)建水平線的方法：

```html

這是一個(gè)標(biāo)題

這是一段普通的文本。

---

這是另一段文本，在水平線之后。

```

在這個(gè)例子中，我們引入了 Bootstrap 的 CSS 文件，并使用了 `hr` 標(biāo)簽的 `class="my-3"` 屬性來(lái)應(yīng)用 Bootstrap 預(yù)定義的樣式。`my-3` 類(lèi)會(huì)為水平線設(shè)置一定的上下外邊距，使其在頁(yè)面中顯示得更加美觀。

在 HTML 中創(chuàng)建水平線非常簡(jiǎn)單，可以使用 `

---

` 標(biāo)簽直接創(chuàng)建，也可以通過(guò) CSS 來(lái)自定義其樣式。根據(jù)不同的需求和項(xiàng)目要求，選擇合適的方法來(lái)創(chuàng)建水平線，以增強(qiáng)頁(yè)面的布局和設(shè)計(jì)效果。