在前端開發中，我們經常需要為文字添加下劃線，以便更好地突出文字信息。這時候就需要用到 CSS 了。 要為文字添加下劃線，我們可以使用 text-decoration 屬性。它可以設置文字的文本修飾線，包括下劃線、中劃線和上劃線等。其基本語法如下： ``` text-decoration: underline; /* 下劃線 */ text-decoration: line-through; /* 中劃線 */ text-decoration: overline; /* 上劃線 */ ``` 我們可以在 p 標簽中嵌入如下代碼來為文字添加下劃線： ```html

這是一段帶有下劃線的文字。

``` 如果想讓下劃線的樣式更加個性化，我們可以使用 text-decoration-style 屬性來設置下劃線的樣式。它支持的屬性值包括實線（solid）、虛線（dotted）和雙線（double）等。其基本語法如下： ``` text-decoration-style: solid; /* 實線 */ text-decoration-style: dotted; /* 虛線 */ text-decoration-style: double; /* 雙線 */ ``` 我們可以在 pre 標簽中嵌入如下代碼來為下劃線添加樣式： ```html

這是一段帶有虛線下劃線的文字。
這是一段帶有雙線下劃線的文字。

``` 總之，CSS 提供了豐富的 text-decoration 屬性，能讓我們輕松實現帶有下劃線的文字效果，并可以更好地展示網頁設計的個性和風格。