在 CSS 中實現文本下劃線可以通過 text-decoration 屬性，它包括以下多個值：

text-decoration: none; // 默認值，沒有裝飾線
text-decoration: underline; // 添加下劃線
text-decoration: overline; // 添加頂線
text-decoration: line-through; // 添加刪除線
text-decoration: line-through underline; // 添加刪除線和下劃線

下劃線通常用于鏈接，我們可以使用偽類 :hover 來為鏈接添加下劃線：

a:hover {
text-decoration: underline;
}

如果想要添加自定義樣式的下劃線，我們可以使用 background-image 屬性和 background-position 屬性來實現。首先在樣式表中定義下劃線樣式：

.underline {
background-image: linear-gradient(to right, blue, blue);
background-position-y: 105%;
background-repeat: no-repeat;
background-size: 100% 3px;
}

然后在 HTML 中將 class 添加到需要添加下劃線的元素上：

<p class="underline">這是一段有下劃線的文本</p>

最終效果如下：