如果你需要在網頁中使用圓點來做標記，那么 CSS+偽元素是你的好選擇。通過CSS的偽元素，我們可以快速輕松地生成具有特殊效果的內容，而圓點也是其中之一。

.list::before {
content: "?";
color: red;
font-size: 30px;
margin-right: 10px;
}

如上所示的代碼，我們使用了CSS的偽元素 ::before 以及 content 屬性來生成圓點。通過指定 content 為 "?"，我們就能生成一個標準的圓點，而通過 color 和 font-size 屬性，我們可以調整其顏色和大小。

此外，我們還給圓點加上了 margin-right 屬性來調整其與文本之間的距離。通過將該代碼應用于所需列表的 class 或 id，我們就可以輕松讓該列表中每個 item 前都有圓點了。

第一項
第二項
第三項

在 HTML 中，我們只需要使用 ul 和 li 標簽來創建一個無序列表，然后為該列表指定 class 為 "list"，就可以應用上述的 CSS 代碼了。如上所示的 HTML 代碼將生成如下效果：

• 第一項
• 第二項
• 第三項

當然，如果你需要在列表中使用更多自定義的圖標或符號，你可以通過使用其他字符、圖片或 SVG 來代替 content 屬性的值，來生成更多樣式的列表。

通過使用 CSS + 偽元素 + 圓點，我們可以讓網頁中的標記更加美觀和易讀，同時也讓我們的代碼更加簡潔高效。