CSS的文本裝飾功能是網頁設計中的關鍵，它可以增強網站的可讀性和美觀度。其中，<ul>元素是一種經典的列表標簽，它可以為我們提供方便的列表展示功能。在一些情況下，我們可能需要給這些列表項增加一些裝飾效果，比如加上下劃線。那么，如何實現CSS下劃線樣式呢？

ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li {
position: relative;
}
ul li:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #000;
}

以上是一種實現

下劃線的CSS樣式代碼。首先我們使用list-style: none;來清除其默認樣式，然后將內外邊距設為0。接著，我們針對每個<li>元素都設置了相對定位，為了方便后續的絕對定位。最后，我們使用:after偽類來創建一個與每個<li>對應的偽元素，用于顯示樣式效果。

我們使用position: absolute;來將:after偽元素絕對定位在其父元素的底部。接著，我們設置width: 100%;，寬度鋪滿整個<li>元素。然后，我們布置其高度為1px，位置在底部，這樣就達到了下劃線的效果。最后，我們為其設置黑色背景色，使用background-color: #000;。

在實現上述代碼后，列表中的每一項都會增加一個美觀的下劃線。但這并不是唯一的實現方法，你可以根據自己的需求進行其他的樣式調整和更改。