CSS是一種用來在網頁中添加樣式和布局的語言。下劃線是一種常見的文本樣式，經常用于強調某個單詞或短語。如何在CSS中添加下劃線呢？下面就讓我們來一探究竟。

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

以上代碼是在CSS中添加下劃線的最簡單方法。我們可以使用“text-decoration”屬性，并將其設置為“underline”，讓我們的文本顯示為帶下劃線的樣式。我們可以將該樣式應用于任何希望帶下劃線的文本。

但是我們還可以通過細微調整來打造出更加獨特的下劃線樣式。下面是一個例子，我們將詞匯“Hello World”變成了一個帶有自定義下劃線樣式的標題。

.text-custom-underline {
position: relative;
font-size: 3rem;
}
.text-custom-underline:after {
content: "";
position: absolute;
left: 0;
bottom: -0.5rem;
width: 100%;
height: 0.4rem;
background-color: #2ecc71;
z-index: -1;
}

在以上代碼中，我們首先在文本上增加了一個偽元素“:after”。其“content”屬性為空，意味著它并不會真正地呈現在頁面上。接著我們將這個元素定位到了文本的底部，為它添加了一個下邊距，并設置了寬度和高度，使其覆蓋文本的下方。最后，我們為這個元素添加了一個背景顏色，并將其“z-index”設置為“-1”，以便讓它位于文本下方。

通過以上的操作，我們成功打造出一個更加獨特的下劃線樣式。我們可以使用以上方法自由地涵蓋各種下劃線樣式需求，增加網頁的美感和可讀性。