CSS下劃線是我們在網頁中非常常見的一種文本修飾方式，但是你知道下劃線的粗細是可以調整的嗎？接下來，我們就一起來學習一下如何通過CSS來調整下劃線的粗細吧！

.text{
text-decoration: underline;
/*下劃線寬度*/
border-bottom: 2px solid red;
}

在CSS中，下劃線的寬度可以通過border-bottom屬性來調整，我們可以將其設置為一個實線或者虛線，同時還可以設置其寬度以及顏色等屬性。如上面的代碼所示，我們可以將文本的下劃線寬度設置為2px，并且將其顏色設置為紅色。

另外，還有一種方法可以調整下劃線的粗細，那就是使用偽元素::after來實現(xiàn)。我們可以針對某一個元素設置after偽元素，并且通過CSS來定義其寬度、樣式、顏色等屬性來實現(xiàn)下劃線效果。如下面的代碼所示：

.text::after{
content: "";
/*下劃線寬度*/
border-bottom: 2px solid red;
/*下劃線位置*/
width: 100%;
position: absolute;
bottom: 0;
}

通過這種方法，我們可以將下劃線的寬度設置為2px，并且將其顏色設置為紅色，而下劃線的位置是通過position屬性來控制的。這種方法可以使下劃線更加靈活，可以在各種情況下進行調整。

總之，通過以上兩種方式，我們可以輕松地調整下劃線的粗細，使其更加符合網頁設計的需要。同時，我們還需要根據(jù)不同的情況來靈活運用這些方法，讓我們的網頁更加美觀。