CSS中添加下劃線是網頁制作中的重要技巧之一，在CSS中實現添加下劃線可以增加文本的可讀性和美觀性，下面我們將通過使用CSS的li元素加下劃線來實現。

<style>
li {
list-style: none;
position: relative;
}
li::after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
border-bottom: 1px solid #000;
}
</style>
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

解釋下上面的代碼：

• list-style屬性為列表項去掉原點樣式。
• li::after偽元素來實現下劃線，使用content設置偽元素的內容為空。
• position設置為絕對，作為父級li元素的相對位置。
• left和bottom分別設置為0和-5px是為了讓下劃線寬度占滿父級li元素，并且底部與文本之間有一定的距離。
• width設置為100%是為了讓下劃線寬度占滿整個父級li元素。
• border-bottom設置下劃線樣式，可以根據需求自定義。

通過以上代碼，我們可以實現對列表項的下劃線樣式設置。希望對大家了解CSS的li元素加下劃線有所幫助。