CSS3提供了各種方式來繪制圓點，讓我們來看看一些用CSS3寫圓點的方法。

/*實心圓點*/
.dot-one {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
}
/*空心圓點*/
.dot-two {
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 50%;
}
/*圓類型的偽元素*/
.dot-three::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
background-color: #000;
margin-right: 5px;
}
/*方類型的偽元素*/
.dot-four::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #000;
margin-right: 5px;
}

使用CSS3可以很容易地繪制各類圓點，包括實心圓點、空心圓點以及方型和圓形的偽元素。通過這些方法，我們可以方便地在頁面中使用圓點進行分隔或者標記。但是，需要注意的是，在使用CSS3繪制圓點時，需要同時考慮瀏覽器兼容性等問題。