CSS下劃線是一種簡單卻又實用的樣式屬性，它可以使文本或鏈接更加醒目和易于閱讀。下面我們來了解一下CSS下劃線是如何添加的。

首先，我們需要使用CSS偽元素選擇器::before或::after來添加下劃線。偽元素可以為文本內(nèi)容添加任意數(shù)量的內(nèi)容，包括下劃線。

a::before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: black;
}

上面的代碼會在所有鏈接文字的前面添加一條黑色下劃線，下劃線的粗細(xì)和顏色可以根據(jù)你的需要進行調(diào)整。注意要將偽元素的display屬性設(shè)置為block，以防止下劃線覆蓋到鏈接文字。

除了鏈接文字，我們還可以為普通文本添加下劃線。下面的代碼會為一個段落中的所有文本添加下劃線：

p::after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
background-color: black;
}

注意要將偽元素的display屬性設(shè)置為inline-block，這樣下劃線才能在文本的下方顯示。

如果你只需要為某個單詞或短語添加下劃線，可以直接在HTML中使用<u>標(biāo)簽。不過，這種方法已經(jīng)不被推薦使用了，因為它會與輔助技術(shù)（如屏幕閱讀器）的正常工作產(chǎn)生沖突。

總的來說，CSS下劃線是一種簡單實用的樣式屬性，可以為文本和鏈接添加視覺上的重要性。你可以根據(jù)需要選擇不同的方式進行添加。