CSS是網頁開發中不可或缺的一部分。我們可以利用CSS來改變網頁元素的樣式，使其更加美觀和易于閱讀。在這篇文章中，我們將探討如何定義只包含下劃線的CSS樣式。

.text-underline {
text-decoration: underline;
}

上面這段代碼是一個簡單的例子，可以創建只包含下劃線的CSS樣式。我們只需要定義一個類名（.text-underline），并將CSS屬性text-decoration設置為underline即可。

還可以對下劃線進行更多的自定義。下面的代碼展示了如何創建帶有顏色和粗細的下劃線：

.text-underline {
text-decoration: underline;
text-decoration-color: blue;
text-decoration-thickness: 1.5px;
}

在這個例子中，我們首先使用text-decoration屬性來創建下劃線。然后，我們使用text-decoration-color屬性來將下劃線設置為藍色，使用text-decoration-thickness屬性來設置下劃線的粗細程度。我們還可以使用其他的text-decoration屬性來進一步自定義下劃線的樣式，例如text-decoration-style屬性用于設置下劃線的類型、text-underline-position屬性用于設置下劃線的位置等。

在結尾處，我們需要注意一點：有時候，我們可能想在文字周圍添加下劃線，而不僅僅是在文字下方添加下劃線。為此，我們可以將text-underline-position屬性設置為under left或under right等。這將使下劃線出現在文本的左側或右側，而不是在下方。