在網(wǎng)頁設(shè)計(jì)中，經(jīng)常需要使用圓點(diǎn)來作為項(xiàng)目符號。在CSS中，我們可以通過::before偽元素來實(shí)現(xiàn)文字前加圓點(diǎn)的效果。這個(gè)偽元素可以用來在一個(gè)元素的內(nèi)容前面插入一個(gè)由CSS指定的內(nèi)容。

p::before {
content: "·"; /*使用圓點(diǎn)作為內(nèi)容*/
font-size: 12px; /*設(shè)置字體大小*/
padding-right: 10px; /*設(shè)置圓點(diǎn)與文字之間的距離*/
color: #ccc; /*設(shè)置圓點(diǎn)的顏色*/
}

上述代碼中，我們通過content屬性來設(shè)置偽元素的內(nèi)容為“·”，即圓點(diǎn)。通過font-size屬性來設(shè)置字體大小，padding-right屬性來設(shè)置圓點(diǎn)與文字之間的距離，color屬性來設(shè)置圓點(diǎn)的顏色。

要注意的是，使用偽元素::before時(shí)，如果要添加的內(nèi)容太多或者需要在內(nèi)容后面添加其他樣式，建議使用display: block;或者display: inline-block;，否則可能會出現(xiàn)樣式問題。

總之，通過偽元素::before，我們可以輕松實(shí)現(xiàn)文字前加圓點(diǎn)的效果，為網(wǎng)頁設(shè)計(jì)增加了更多的可能性。