CSS文字小圓點，顧名思義就是在文本前面加上小圓點。一般用于列表的顯示，增強視覺效果和閱讀體驗。本文將介紹實現CSS文字小圓點的兩種方法。

/*方法一：使用list-style*/
ul {
list-style: circle;
}

使用list-style屬性是最簡單的一種實現方法。使用該屬性可以指定列表樣式、類型和位置等，其中circle類型即表示使用空心圓作為小圓點，還有disc（實心圓點）和square（實心正方形）等類型。默認情況下小圓點與文本文字在同一行但密切相連。

/*方法二：使用::before偽元素*/
li {
position: relative;
padding-left: 1em; /*調整文本與小圓點的距離*/
}
li::before {
content: "";
display: inline-block;
width: .5em;
height: .5em;
border-radius: 50%; /*使用圓形邊框*/
background-color: #000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); /*將小圓點居中*/
}

使用::before偽元素則需要結合position屬性和絕對定位來實現。在li元素上設置position:relative，而在::before偽元素上設置position:absolute以絕對定位，同時使用left和top屬性設置相對于父元素li的位置。由于小圓點本身是無位移的，需要使用transform:translateY(-50%)將其居中。

使用上述兩種方法都可以實現CSS文字小圓點，選擇哪一種方法取決于實際需求及開發人員個人喜好。建議在UL或OL元素上使用list-style，在文本中想要插入小圓點則以li元素作為基礎，使用::before偽元素實現。