CSS中設置空心圓點非常簡單，在需要設置空心圓點的元素中使用list-style-type屬性來指定空心圓點的樣式即可。其中，空心圓點的樣式值可以通過以下兩種方式來設置：

/* 第一種方式：使用預定義形狀 */
ul {
list-style-type: circle; /* 可選值有：circle、disc、square */
}
/* 第二種方式：使用偽類元素before來自定義形狀 */
ul {
list-style-type: none; /* 禁用默認樣式 */
}
ul li:before {
content: ""; /* 給before設置內容，但不顯示內容 */
display: inline-block; /* 內容為行內塊級元素，才能顯示形狀 */
width: 10px; /* 空心圓點的寬度 */
height: 10px; /* 空心圓點的高度 */
margin-right: 10px; /* 空心圓點和列表項之間的距離 */
border: 1px solid black; /* 空心圓點的邊框 */
border-radius: 50%; /* 讓空心圓點變成圓形 */
}

以上兩種方式都可以很好地設置空心圓點的樣式，具體使用哪種方式根據個人喜好和實際需求來決定。