CSS是網頁設計中非常重要的一種技術，它可以讓我們對頁面的樣式進行精細化調整。其中，常常需要對文字進行標注，在文字前面加上“li”的符號。那么，如何實現這個效果呢？下面，我們就來看一下。 首先，我們需要用HTML來編寫文章的內容，段落可以使用p標簽，如下所示：

<p>這是一段文字，需要在前面加上“li”的符號。</p>

接著，我們需要用CSS來對這個符號進行樣式調整，可以設置它的樣式為list-style-type，并將它的值設置為“disc”，表示使用實心圓點作為符號。代碼如下：

li {
list-style-type: disc;
}

這樣，我們就可以將所有的li符號都設置為實心圓點了。但是，我們需要注意的是，這個樣式會對所有的li符號都生效，包括在列表中使用的li元素。因此，如果我們只想對文章中的文字添加符號，可以為p標簽添加一個class屬性，然后針對這個class進行樣式調整，代碼如下：

<p class="add-li">這是一段文字，需要在前面加上“li”的符號。</p>
.add-li:before {
content: "\002022"; /* Unicode碼為“?” */
font-size: 20px;
margin-right: 10px;
}

在這里，我們使用了:before偽元素來添加符號。其中，content屬性表示要添加的內容，可以使用Unicode碼來表示。在這里，我們使用了Unicode碼為“?”的符號。另外，我們還針對這個偽元素進行了樣式調整，包括字體大小和右邊距離，可以根據需要進行調整。 總的來說，使用CSS來在文字前面添加li符號十分簡單，只需要對偽元素進行樣式調整即可。同時，我們還可以根據需要進行更多的樣式調整，比如顏色、大小等等。這樣，我們就可以輕松地實現文章中文字的標注。