CSS 圓點是網頁設計中常用的一個元素，它可以用來表示列表項的占位符或分隔符。在 CSS 中，我們可以使用偽元素實現圓點效果。 首先，我們需要使用 CSS 的 ::before 偽元素來創建一個圓點元素。具體實現如下：

p::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
margin-right: 5px;
}

在上面的代碼中，我們使用了 content 屬性來創建一個空內容的元素，然后設置它的 display 為 inline-block，寬度和高度為 10px，圓角半徑為 50%（即是一個圓形）。最后將它的背景色設置為黑色，并設置它距離段落文字的距離為 5px。 接下來，我們需要將圓點元素添加到列表項中。實現方法為在給定的標簽前面添加 ::before 偽元素。例如，我們可以用以下代碼來為無序列表實現列表項圓點：

ul li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
margin-right: 5px;
}

在上面的代碼中，我們使用了 ul li 選擇器來定位列表項，然后在其前面添加了 ::before 偽元素，其樣式和前面的段落圓點一樣。 如果我們只想在選定的列表項中添加圓點，請使用選定的類或 id 來替換 ul li，例如：

.
.circle li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
margin-right: 5px;
}

在上面的代碼中，我們使用了 .circle 類來選定列表項，然后在其前面添加了 ::before 偽元素，其樣式和前面的完全相同。 總之，CSS 圓點是一種簡單而有效的網頁設計元素，通過使用 ::before 偽元素，我們可以輕松地為列表項添加圓點。具有良好的視覺效果，并且與網站的主題和風格相匹配。