CSS小圓點是在網頁中用來進行標注和指示的常見元素，它不僅可以美化網頁，還可以為用戶提供更好的視覺體驗。那么，CSS小圓點怎么寫呢？接下來，將為大家介紹CSS小圓點的相關知識和寫法。

ul li {
list-style: none; /*去掉默認的列表符號*/
position: relative;
padding-left: 20px; /*用于留出空間來放置小圓點*/
}
ul li::before {
content: ""; /*插入空的內容*/
display: block; /*將偽元素設為塊級元素*/
position: absolute;
left: 0;
top: 50%; /*將圓點定位在列表項中垂直居中的位置*/
width: 10px;
height: 10px;
margin-top: -5px; /*將圓點向上偏移一半高度，使其實現垂直居中*/
background-color: #000; /*設置圓點的顏色*/
border-radius: 50%; /*將圓點設置為圓形*/
}

上述代碼中，我們首先將ul li的列表默認樣式去掉，然后給每個li添加一個偽元素:before，這個元素是真正的小圓點。在:before偽元素中，通過設置position:absolute和top:50%，使其定位在列表項中間上下居中的位置，然后通過設置margin-top:-5px將其向上偏移一半高度，實現完全的垂直居中。設置height和width的值，同時設置background-color和border-radius，使這個偽元素呈現出小圓點的樣式。

當然，如果你想要實現不同顏色、大小或形狀的小圓點，以上代碼只需稍加修改即可。總之，CSS小圓點的寫法極其簡單易懂，適合初學者使用。希望本文對大家的學習有所幫助！