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

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

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