在網頁設計中，字體的樣式與排版往往是非常重要的。CSS 作為一種樣式表語言，可以控制網頁中的字體外觀，而字體下劃線也是其中一種常見的字體樣式。

在 CSS 中，可以通過 text-decoration 屬性來設置字體下劃線。該屬性可以設置多個值，包括：

text-decoration: none; /* 不添加任何裝飾 */
text-decoration: underline; /* 添加下劃線 */
text-decoration: overline; /* 添加上劃線 */
text-decoration: line-through; /* 添加 刪除線*/
text-decoration: underline overline; /* 同時設置下劃線和上劃線*/

我們可以通過以下代碼來設置段落的下劃線樣式：

p {
text-decoration: underline;
}

除了普通的下劃線樣式之外，CSS 還可以設置下劃線的樣式：

text-decoration-style: dotted; /* 設置下劃線為點狀*/
text-decoration-style: dashed; /* 設置下劃線為虛線*/
text-decoration-style: double; /* 設置下劃線為雙線*/
text-decoration-style: wavy; /* 設置下劃線為波浪線*/

同樣地，我們可以通過以下代碼來設置段落的下劃線樣式：

p {
text-decoration: underline;
text-decoration-style: dotted;
}

總的來說，字體下劃線可以賦予文本更強的視覺效果。通過 CSS，我們可以自由地控制下劃線的顏色、樣式以及位置等多種屬性，以達到排版效果的優化。