在網頁設計中，下劃線是一種常見的文本樣式。在HTML和CSS中，可以使用不同的方式來添加下劃線。 HTML中，使用下劃線可以通過使用<u>標簽來實現。例如，下面的標記將文本“這是一個下劃線”中的“下劃線”加上下劃線：

<p>這是一個<u>下劃線</u></p>

該標記將產生以下效果：

這是一個下劃線

CSS中，下劃線可以通過使用text-decoration屬性來實現。例如，下面的CSS樣式將文本“這是一個下劃線”中的“下劃線”加上下劃線：

<style>
p {
text-decoration: underline;
}
</style>

該樣式將應用于所有<p>標記，并產生以下效果：

這是一個下劃線

需要注意的是，HTML中<u>標簽已被棄用，并且不建議在新開發的網站中使用。推薦使用CSS樣式來添加下劃線，以確保文檔結構和樣式的分離。 在CSS中，可以使用text-decoration屬性來設置下劃線的樣式、顏色和位置。例如，可以將下劃線設置為雙線：

<style>
p {
text-decoration: double; /* 雙線下劃線 */
text-decoration-color: red; /* 下劃線顏色為紅色 */
}
</style>

該樣式將產生以下效果：

這是一個下劃線

總之，HTML和CSS都提供了不同的方式來添加下劃線。我們可以根據自己的需要和設計要求選擇適合的方式來實現文本下劃線效果。