CSS是我們前端頁面開發中最重要的一部分。CSS中的li標簽是我們在設計列表時經常用到的元素。在li標簽中添加橫線，可以有效地分離不同列表項，使頁面看起來更加清晰、整潔。下面我們就來看一下如何在CSS中為li標簽添加橫線。

li {
border-bottom: 1px solid #ccc;
}

我們可以通過添加border-bottom屬性來為li標簽添加橫線。其中，1px是橫線的寬度，solid表示實線，#ccc是我們設置的橫線的顏色。你可以根據需要自行更改這些屬性。

如果你想為li標簽中的每個元素都添加橫線，可以使用如下代碼：

li:before {
content: "";
display: block;
height: 1px;
background: #ccc;
margin-top: 5px;
margin-bottom: 5px;
}

這段代碼中，我們使用了:before偽元素為每個li標簽中的元素添加橫線。首先，我們使用content屬性為空，使:before偽元素成為一個空白盒子。然后，我們設置display為block，使其像一個塊元素一樣顯示。接著，我們設置height屬性為1px，使其高度為1像素，background為#ccc，使其顏色為灰色。最后，我們使用margin-top和margin-bottom屬性來使每個元素與上下元素保持一定的間距，讓頁面更加美觀。

通過以上方法，我們即可為li標簽添加橫線，使頁面更加清晰、整潔、美觀。