CSS可以很方便地為文本添加下劃線，只需要掌握一些基本的樣式屬性就行了。

/* 給文本添加下劃線 */
text-decoration: underline;
/* 定制下劃線樣式 */
text-decoration: underline double;
text-decoration: underline dotted;

以上代碼中，“text-decoration”指定了要添加或修改的文本修飾，而“underline”是下劃線的一種風格。除此之外，CSS還支持其他多種下劃線風格，如“double”表示雙下劃線，“dotted”表示點狀下劃線等。

如果要將下劃線應用于文本中的單個單詞，則可以使用“u”標記將該單詞作為HTML元素。下面的代碼演示了如何使用“u”標記和CSS樣式屬性來添加下劃線：

<p>這是一段文本，其中一個單詞<u style="text-decoration: underline;">需要下劃線</u>。</p>

以上代碼中，“style”屬性定義了應用于“u”標記內文本的CSS樣式。這是一種非常靈活的方法，可以根據需要為每個單詞定義不同的下劃線風格。

通過CSS，我們還可以為鏈接和鼠標懸停時添加下劃線。下面的代碼演示了如何為鏈接添加下劃線：

/* 給未訪問的鏈接添加下劃線 */
a:link {
text-decoration: underline;
}
/* 給訪問過的鏈接添加下劃線 */
a:visited {
text-decoration: underline;
}
/* 鼠標懸停時添加下劃線 */
a:hover {
text-decoration: underline;
}

在以上代碼中，“a:link”和“A:visited”選擇器分別應用于未訪問的和已訪問的鏈接，而“a:hover”選擇器將應用于鼠標懸停時的鏈接。這些樣式屬性可以幫助我們更好地管理鏈接的顯示效果，提高用戶體驗。