在許多網站設計中，我們經常看到一些文本下面有下劃線。這種效果很是常見，但對于新手來說，恰恰是這種看似簡單的特效卻難以實現。

好在CSS為我們提供了設置下劃線的幾種方式。

第一種方法是使用border-bottom屬性。通過設置border-bottom的值，可以實現文本下方繪制一條線。例如，我們可以通過以下代碼來為一個div元素里的文本添加下劃線：

div {
border-bottom: 1px solid black;
}

在這個例子中，1px是下劃線的寬度，solid指下劃線采用實線樣式，而black則是下劃線的顏色。通過這種方式，我們便可以為任何一個標簽添加下劃線。

第二種方法是使用text-decoration屬性。text-decoration屬性可以對文字裝飾進行設置，其中包括下劃線。例如，我們可以使用以下代碼來為一個span元素里的文本添加下劃線：

span {
text-decoration: underline;
}

在這個例子中，underline是text-decoration屬性的一個值，表示為文本添加下劃線。另外，還有其他幾個值可以選擇，例如overline（上劃線）、line-through（刪除線）等。

通過上述兩種方法，我們就可以為文本添加下劃線了。如果您還有其他更好的方法，歡迎分享！