下劃線樣式是CSS中一種常用的字體樣式，可以用來改變文本的字體顏色和下劃線的長度。在HTML文檔中，我們可以使用<span>標簽來創建下劃線，其中<span>標簽的內聯元素可以設置字體樣式和下劃線樣式。下面我們將詳細介紹如何使用CSS設置下劃線樣式。

## 使用CSS設置下劃線樣式

1. 在HTML文檔中，創建一個新的<span>標簽，并使用CSS設置其樣式。

```html

<span style="font-family: Arial, sans-serif; color: #f00;">

下劃線文本

</span>

2. 可以使用style屬性來設置下劃線的樣式。

```html

<span style="font-family: Arial, sans-serif; color: #f00; font-size: 12px; line-height: 1.5;">

下劃線文本

</span>

上面的代碼中，我們將font-size和line-height屬性設置為12px和1.5，以創建一條適中的下劃線。

3. 可以使用color屬性來設置下劃線的顏色。

```html

<span style="font-family: Arial, sans-serif; color: #f00; font-size: 12px; line-height: 1.5;">

下劃線文本

</span>

上面的代碼中，我們將color屬性設置為#f00，以設置下劃線的顏色為紅色。

4. 可以使用其他屬性來設置下劃線的樣式，如font-style、font-weight等。

```html

<span style="font-family: Arial, sans-serif; color: #f00; font-size: 12px; line-height: 1.5; font-style: italic;">

下劃線文本

</span>

上面的代碼中，我們將font-style屬性設置為italic，以使下劃線呈現出斜體樣式。

總之，下劃線樣式可以通過CSS設置字體樣式、顏色、長度等屬性來實現。通過靈活使用這些屬性，我們可以創建出各種樣式不同的下劃線文本。