在CSS中，我們可以輕松地創建出各種不同的形狀，比如直角、圓角等等。而圓點也是其中的一種。接下來我們來了解一下如何通過CSS來創建圓點。

/* 創建圓點 */
.dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
}

以上就是創建一個圓點所需要的基本CSS代碼。首先設定元素的寬度和高度，一般情況下寬度和高度相等，這里我們設置為10px。接下來設置元素的圓角屬性，將border-radius設為50%，這樣就可以將元素變成一個圓形。最后通過background-color設置圓點的顏色。

如果我們需要在頁面中插入多個圓點，可以通過以下代碼實現：

/* 創建多個圓點 */
.dots {
font-size: 0; /* 去除空格 */
}
.dots .dot {
display: inline-block;
margin-right: 5px;
}

這里我們首先設定一個容器元素，將所有需要的圓點都放在里面。通過font-size設定容器的字體大小為0，可以去除元素之間的空格。接下來通過display:inline-block使得每一個圓點都成為一個行內塊級元素，并且通過margin-right設定圓點之間的間距，這里我們設置為5px。

通過以上兩段代碼，我們可以快速、簡單地創建出一個或多個圓點，使得頁面更具有美感。