在CSS中,可以使用::before
偽元素在文字前加點,以下是一個示例:
<!DOCTYPE html> <html> <head> <style> p::before { content: "· "; } </style> </head> <body> <p>這是一段文字。</p> </body> </html>
在上面的示例中,p::before
表示在<p>
前加點。content
屬性指定了偽元素的內(nèi)容,即一個點號,這樣,每段文字前都會自動出現(xiàn)一個點號。
需要注意的是,偽元素創(chuàng)建的內(nèi)容并不實際存在于DOM中,而是存在于樣式層,它們不能被JavaScript直接訪問或修改。
偽元素可以應用于任何元素,不僅僅是段落,你可以根據(jù)需要選擇任何元素來應用偽元素,如果你想在每個列表項前加點,可以使用li::before
。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。