今天我們來學習一下如何在CSS中給圓點加上邊框。首先，我們需要使用偽元素選擇器在圓點上添加邊框。 代碼如下：

p {
list-style-type: none; /* 去掉默認的圓點樣式 */
position: relative; /* 設置父元素為相對定位 */
}
p::before {
content: "";
display: block;
position: absolute; /* 設置偽元素為絕對定位 */
top: 0;
left: -1em; /* 設置偏移量，使偽元素與圓點居中 */
width: 1em;
height: 1em;
border: 2px solid #000; /* 設置邊框粗細和顏色 */
border-radius: 50%; /* 設置邊框為圓形 */
}

我們先把p元素的默認圓點樣式去掉，然后把父元素p設置為相對定位，這樣我們給偽元素設置絕對定位的時候，會以父元素為基準進行定位。 接著，我們使用偽元素選擇器::before來添加一個偽元素。設置content為空，寬高為1em，邊框顏色為黑色，邊框粗細為2px，這樣我們就為圓點添加了一個邊框。最后，我們使用border-radius將邊框設置為圓形。 通過上面的方法，我們就可以方便地為圓點添加邊框了。需要注意的是，在一些情況下，比如列表項換行的情況下，偽元素會出現在下一行，這時我們需要使用text-indent將第一行縮進，使偽元素與圓點在同一行顯示。