在CSS中,我們可以使用偽元素來選擇圓點。比如在一個列表中,我們想要每個列表項前面有一個圓點,我們就可以使用如下的代碼:
ul li:before { content: ""; display: inline-block; height: 10px; width: 10px; border-radius: 50%; margin-right: 5px; background-color: black; }
在上面的代碼中,我們使用了:before偽元素,它表示在每個li元素前都添加一個偽元素。
其中,我們設置了圓點的寬度和高度都為10個像素,邊框半徑為50%(即半徑等于寬度和高度的一半),這樣就能得到一個真正的圓形。
我們還設置了背景顏色為黑色,但是我們沒有設置邊框,因為我們使用了border-radius屬性,它是用來創(chuàng)建圓角邊框的,但是我們把值設置為50%后,就沒有多余的空白邊框了。
最后,我們還設置了margin-right屬性,用來設置圓點與文本之間的間距,避免太過緊湊。