在 CSS 中，我們可以使用偽元素 :before 或 :after 來實現顯示小圓點的效果。具體步驟如下： 1. 創建一個 p 標簽作為容器，在它的偽元素里面添加樣式。

<p>這是一個段落，下面將顯示小圓點</p>
<style>
p:before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: black;
margin-right: 5px;
}
</style>

2. 在偽元素里面設置 content 屬性為空，這樣偽元素就可以顯示了。 3. 為了讓偽元素可以在文本的前面顯示，我們需要將它的 display 屬性設置為 inline-block。 4. 通過設置 width 和 height 屬性，我們可以控制小圓點的大小。 5. border-radius 屬性用來設置圓角，50% 表示將寬度的一半作為半徑，這樣就可以實現一個圓形。 6. background-color 屬性用來設置背景顏色。 7. 最后，為了控制小圓點與文本之間的距離，我們可以設置 margin-right 屬性為適當的值。 這樣，我們就可以實現顯示小圓點的效果了。通過修改樣式屬性，我們可以自由地調整小圓點的樣式和位置，從而滿足我們的需求。