CSS是前端開發中不可或缺的一部分，其中小圓點的使用頻率也非常高。下面我們來詳細講解如何用CSS來寫小圓點。

首先，我們需要一個HTML文件來測試我們的CSS代碼。可以在頁面上添加一個無序列表（ul）和兩個列表項（li）。

<ul>
<li>列表項一</li>
<li>列表項二</li>
</ul>

現在我們需要使用CSS為這個列表添加一個小圓點。CSS中有兩種方法來實現這個效果。

方法一：使用偽元素

偽元素是CSS提供的一種特殊的選擇器，可以用來創建一些在文檔樹中不存在的元素。我們可以用偽元素來代表一個點。

<style>
ul {
list-style-type: none;
}
li::before {
content: "●";
margin-right: .5em;
}
</style>

在上面的代碼中，我們使用了li::before選擇器來為每個列表項添加一個點。content屬性用于指定偽元素的內容，這里我們設置為圓點符號“●”，同時添加一些右邊距，使點與列表項之間有一定的距離。

現在刷新頁面，你應該可以看到一個小圓點在每個列表項前面。

方法二：使用背景圖來代替文字

除了使用偽元素，我們還可以通過設置背景圖來代替點的字符。這種方法在需要自定義點的樣式時非常實用。

<style>
ul {
list-style-type: none;
}
li {
background-image: url("dot.png");
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.5em;
}
</style>

在上面的代碼中，我們首先將列表項的list-style-type屬性設為none，將默認的列表點隱藏掉。然后使用background-image屬性來引入我們自定義的點圖，使用background-repeat屬性來設置不重復，使用background-position屬性來調整點的位置。最后設置每個列表項的左側padding值為1.5em，在點與列表項之間留出一定的間距。

現在刷新頁面，你應該可以看到一個自定義點圖形在每個列表項前面。

以上就是用CSS如何寫小圓點的方法，你可以根據自己的需求選擇其中一種方法實現。祝你在CSS的學習中愉快！