在Web開發中，我們經常需要使用一些圓點標簽來裝飾我們的頁面，比如列表項、導航欄等。在CSS中，我們可以使用一些簡單的代碼來實現這些圓點標簽的樣式。

/* 創建一個紅色的圓點樣式 */
.dot {
width: 10px;
height: 10px;
border-radius: 50%; /* 把一個方形變成一個圓形 */
background-color: red;
}

在上面的代碼中，我們創建了一個名為“dot”的CSS類，然后為它定義了寬度、高度、邊框半徑以及背景顏色。這樣，我們就能夠使用它來生成一個紅色的圓點了。

接下來，我們可以把這個圓點用在我們的HTML代碼中。比如，我們可以使用它來裝飾一個無序列表的列表項：

第一項
第二項
第三項

在這個HTML代碼中，我們把上面定義的“dot”類應用到了一個標簽中，然后把這個標簽嵌套到了每個列表項中，以生成一個紅色的圓點。這樣，我們就可以得到一個帶有圓點的列表了。

除了紅色以外，我們還可以使用不同的顏色、大小、形狀等來定義我們的圓點樣式。比如：

/* 創建一個綠色的正方形樣式 */
.square {
width: 10px;
height: 10px;
background-color: green;
}
/* 創建一個藍色的大圓點樣式 */
.big-dot {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: blue;
}

這些代碼跟我們之前定義紅色圓點的代碼非常類似，只是修改了一些顏色、大小、形狀等屬性。使用這些樣式定義，我們就可以生成各種各樣的圓點來裝飾我們的頁面了。