CSS 顯示小紅點是一種常見的效果，可以用于標(biāo)識重要內(nèi)容或者提示。

/* 定義小紅點的樣式 */
.red-dot {
background-color: red;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
}
/* 在元素后添加小紅點 */
.element:after {
content: "";
display: inline-block;
margin-left: 5px;
vertical-align: middle;
height: 10px;
width: 10px;
background-color: red;
border-radius: 50%;
}
/* 使用:before在元素前添加小紅點 */
.element:before {
content: "";
display: inline-block;
margin-right: 5px;
vertical-align: middle;
height: 10px;
width: 10px;
background-color: red;
border-radius: 50%;
}

以上代碼演示了兩種常見的方式來顯示小紅點，一種是在元素后添加，另一種是在元素前添加。通過定義相應(yīng)的樣式，我們可以控制小紅點的大小、顏色等屬性。使用:before和:after偽類可以方便地實現(xiàn)元素前后添加小紅點的效果。