CSS是一種用于網頁樣式設計的語言，其中有一個很常見的需求就是讓列表項前面的符號更加個性化。本文將介紹如何使用CSS讓li前面的點加上。

li {
list-style: none; /*去掉默認的列表符號*/
padding-left: 20px; /*留出前面的空間*/
position: relative; /*將li設置為相對定位*/
}
li::before {
content: "·"; /*插入點符號*/
font-size: 20px; /*設置點符號大小*/
color: red; /*設置點符號顏色*/
position: absolute; /*將點符號設置為絕對定位*/
left: 0; /*向左對齊*/
top: 50%; /*設置垂直居中*/
}

上面的代碼中，先將li的列表符號去掉，然后留出一個左邊距，接著將li設置為相對定位，最后在li的偽元素before中插入點符號，并將其絕對定位。通過設置left和top等屬性，使點符號居中在li前面。此時li前面就有了自定義的點符號。

除了點符號外，也可以使用其他符號或圖片代替列表符號，通過更改content屬性的值即可，例如：

li::before {
content: url(./images/star.png); /*插入星形圖片*/
/*其他屬性與顯示點符號的代碼相同*/
}

通過以上方法，我們可以輕松地讓li前面的符號更加個性化，提升網頁設計的美觀度。