在CSS中，下劃線是一種比較常見的樣式，它可以用來突出顯示文本或鏈接。下面我們來一起看看CSS中如何寫下劃線吧。

text-decoration: underline;

上面這行代碼就是在CSS中設(shè)置下劃線的方式，利用text-decoration屬性來實(shí)現(xiàn)。其中underline是該屬性的一個值，代表下劃線的樣式。

需要注意的是，text-decoration屬性不僅僅可以設(shè)置下劃線，還可以設(shè)置刪除線（line-through）和波浪線（overline）等樣式。所以，如果我們只需要下劃線的話，就要將其他樣式關(guān)閉。怎么關(guān)閉呢？很簡單，只需要設(shè)置為none即可。

text-decoration: underline;
text-decoration: none; /* 關(guān)閉其他樣式 */

上面這段代碼實(shí)現(xiàn)了只顯示下劃線，而刪除線和波浪線都被關(guān)閉了。

如果你想要對下劃線進(jìn)行更復(fù)雜的設(shè)置，可以使用text-decoration屬性的擴(kuò)展值。比如，加粗下劃線：

text-decoration: underline;
text-decoration-style: double;
text-decoration-color: red;
font-weight: bold;

上面這個代碼塊實(shí)現(xiàn)了雙線下劃線，且顏色為紅色，字體加粗。

除了使用text-decoration屬性外，還有一種方式可以實(shí)現(xiàn)下劃線，那就是使用border-bottom屬性。它可以將某一個元素的底部邊框設(shè)置為下劃線，比如：

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

上面的代碼將h1元素的底部邊框設(shè)置為1像素粗的黑色邊框，從而實(shí)現(xiàn)了下劃線效果。不過需要注意的是，使用border-bottom屬性的方式，并不能像text-decoration一樣設(shè)置下劃線的樣式，只能實(shí)現(xiàn)基本的下劃線效果。