標題：CSS 用哪種下劃線來定義文本下劃線？

CSS 是一種用于網頁設計和開發的樣式表語言，用于定義網頁中的字體、顏色、邊框、布局等元素。其中，下劃線是 CSS 中一種重要的屬性，用于在文本周圍添加下劃線。在不同的瀏覽器中，使用不同的下劃線屬性可以實現相同的效果。本文將介紹 CSS 中常用的下劃線屬性及其用法。

CSS 下劃線屬性

1. `text-decoration:`

這是 CSS 中最常用的下劃線屬性之一，用于在文本周圍添加下劃線。該屬性的值可以包括多個下劃線字符，如 `\b`、`\w`、`\x`、`\X` 等。例如：

h1:hover {

text-decoration: underline;

2. `decoration-style:`

該屬性可以定義下劃線的樣式，包括固定長度、顏色、寬度等。例如：

h1:hover {

decoration-style: solid;

color: #f00;

3. `line-height:`

該屬性用于設置下劃線的高度，與文本高度相等。例如：

h1:hover {

line-height: 1.5em;

4. `text-bottom:`

該屬性可以設置下劃線的起始位置在文本底部。例如：

h1:hover {

text-bottom: 1em;

5. `text-top:`

該屬性可以設置下劃線的起始位置在文本頂部。例如：

h1:hover {

text-top: 1em;

CSS 下劃線的用法

1. 選擇具有 `text-decoration` 屬性的文本，并在 `hover` 狀態中使用 `:hover` 偽類選擇器來添加下劃線。

2. 選擇具有 `decoration-style` 屬性的文本，并設置其樣式。

3. 選擇具有 `line-height` 屬性的文本，并設置其高度。

4. 選擇具有 `text-bottom` 或 `text-top` 屬性的文本，并設置其起始位置。

5. 將文本添加到具有 `:hover` 偽類選擇器和 `decoration-style` 屬性的樣式的節點上，以使其在鼠標懸停時顯示下劃線。

使用 CSS 下劃線屬性可以創建出各種樣式化的下劃線效果，從而為網頁設計提供更多的靈活性和多樣性。