### 下劃線間距的CSS寫法

在CSS中，我們可以通過多種方式調(diào)整下劃線的間距，這里我們介紹兩種常用的方法：使用`text-decoration`屬性和`border-bottom`屬性。

1. 使用`text-decoration`屬性：

這個屬性可以用來設(shè)置文本的下劃線樣式，我們可以通過調(diào)整`text-decoration-line`和`text-decoration-style`來調(diào)整下劃線的間距和樣式，要設(shè)置下劃線與文字之間的間距，可以使用以下代碼：

```css

p {

text-decoration: underline;

text-decoration-line: line-below;

text-decoration-style: double; /* 可以根據(jù)需要設(shè)置為dashed、dotted等 */

}

```

2. 使用`border-bottom`屬性：

這個屬性可以用來設(shè)置元素的底部邊框，包括下劃線的樣式和顏色，我們可以通過調(diào)整`border-width`來調(diào)整下劃線的粗細(xì)，從而間接調(diào)整間距，要設(shè)置下劃線與文字之間的間距，可以使用以下代碼：

```css

p {

border-bottom: 2px solid #000; /* 2px的下劃線寬度 */

}

```

### 示例代碼

下面是一個完整的示例代碼，展示了如何調(diào)整下劃線的間距和樣式：

```html

這是一段帶有下劃線的文本，間距和樣式可以通過CSS進(jìn)行調(diào)整。

```

在這個示例中，我們使用了`text-decoration`和`border-bottom`兩個屬性來調(diào)整下劃線的間距和樣式，你可以根據(jù)需要調(diào)整這些屬性的值來達(dá)到你想要的效果。