在網頁設計中，下劃線是一種常見的裝飾元素。但是，使用CSS的下劃線樣式文字可以更加靈活地控制下劃線的樣式、位置和顏色。

下面是一個使用CSS實現下劃線樣式文字的例子：

<p style="text-decoration:none">這是一行沒有下劃線的文字</p>
<p style="text-decoration:underline">這是一行帶下劃線的文字</p>
<p style="text-decoration:underline double red">這是一行雙重紅色下劃線的文字</p>

上面的例子中，我們使用了text-decoration屬性來控制文本的裝飾效果。其中，none表示無裝飾，underline表示單下劃線，double表示雙下劃線，red表示顏色。通過組合不同的值，我們可以實現各種樣式的下劃線文字。

除了text-decoration屬性外，我們還可以使用border-bottom屬性來實現下劃線樣式文字。例如：

<p style="border-bottom:1px solid black">這是一行帶邊框下劃線的文字</p>
<p style="border-bottom:2px dotted blue">這是一行虛線藍色下劃線的文字</p>

在上面的例子中，我們使用了border-bottom屬性來設置文本底部的邊框樣式，從而達到下劃線的效果。與text-decoration屬性不同的是，border-bottom屬性可以設置邊框的寬度、樣式和顏色，更加靈活。

總之，使用CSS的下劃線樣式文字可以讓我們更加方便地控制文本的裝飾效果，讓網頁設計更加自由和美觀。