在CSS中,我們可以使用偽類選擇器來(lái)為文字添加下劃線。下面是一個(gè)簡(jiǎn)單的示例:
```html
這是一段帶有下劃線的文字。
``` ```css .underline { text-decoration: underline; } ``` 以上代碼會(huì)為 `.underline` 類的文本添加下劃線。 除了以上這種基本用法外,我們還可以使用一些特殊的偽類選擇器來(lái)為文本添加更復(fù)雜的下劃線樣式,如: ```css .underline:hover { text-decoration: underline dotted; } .underline:active { text-decoration: underline wavy; } ``` 以上代碼分別為 `.underline` 類的文本添加了在鼠標(biāo)懸停和被點(diǎn)擊時(shí)不同的下劃線樣式。 需要注意的是,在設(shè)置下劃線時(shí),還可以同時(shí)設(shè)置其顏色、寬度和位置等屬性,如下所示: ```css .underline { text-decoration: underline; text-decoration-color: red; text-decoration-thickness: 3px; text-underline-offset: 5px; } ``` 以上代碼為 `.underline` 類文本添加了紅色、寬度為3像素、位于文本下面5像素處的下劃線。 總之,通過(guò) CSS,我們可以非常方便地為文本添加下劃線,并且可以通過(guò)各種屬性來(lái)調(diào)整下劃線樣式,讓文本更加美觀和易于閱讀。