CSS方塊圓點是一種在網頁設計中經常用到的圖形元素，能夠很好地增加頁面的美觀性和易讀性。

ul {
list-style: none;
}
li::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #333;
margin-right: 6px;
}

以上代碼用于實現無序列表中的方塊圓點，其中“list-style: none;”用于取消原有的列表樣式，然后使用偽元素“li::before”添加新的樣式，在每個列表項前添加了一個寬為6px、高為6px的圓點方塊。

除了使用基本的圓點方塊外，我們還可以通過修改顏色、大小、形狀、間距等屬性來實現不同的效果。

li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 3px;
border: 2px solid #f00;
margin-right: 10px;
}
li::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #00f;
margin-left: 10px;
}

以上代碼是另一種實現方塊圓點的方式，其中添加了“li::after”偽元素，同時使用了不同的顏色、大小、形狀樣式。

通過這種方式，我們就可以使用CSS方塊圓點在網頁設計中實現不同的效果，提高頁面的用戶體驗。