在網頁設計中，文字裝飾是非常重要的一環。上下劃線是一種經典的文字裝飾方式，也是極具藝術感的一種方式。下面我們就來看看如何通過 CSS 實現文字的上下劃線。

p {
text-decoration: underline;
text-underline-position: under;
}

通過上述代碼，我們可以在 p 標簽中添加下劃線效果。并且通過 text-underline-position 屬性，我們可以指定下劃線的位置為文字下方。

p {
text-decoration: underline overline;
text-underline-position: under;
}

如果我們想同時添加上下劃線，則可以將 text-decoration 屬性設置為 'underline overline'。

p {
text-decoration-line: underline overline;
text-underline-position: under;
}

同時，隨著 CSS3 的發展，新的 text-decoration-line 屬性也被引入。通過這個屬性，我們可以更加方便地為文字添加下劃線和刪除線效果。

總之，通過 CSS，我們可以輕易地為網頁中的文字添加上下劃線或者其他裝飾效果，來讓網頁設計更加生動有趣。