CSS3中的content
屬性是一個強大的工具,能夠在HTML文檔中生成內容。而其中的問號符號?
則尤其具有特殊的含義。
p::before{ content: "?"; font-size: 20px; color: gray; }
通過::before
偽元素,可以在
標簽的前面添加一個問號符號。但是這只是生成問號符號的一種方式。下面我們來介紹一些與問號符號有關的常見用法。
1. URL查詢字符串
.link::before{ content: url('https://example.com?token=xyz'); }
這個content
屬性將生成一個包含URL查詢字符串的圖片,可以用來發送一個HTTP GET請求。
2. Unicode編碼
.triangle::after{ content: "\26a0"; font-size: 20px; }
\26a0
是一個Unicode字符編碼,用來生成警告的三角形標志。在這個例子中,通過::after
偽元素,在
標簽的后面生成了一個包含三角形標志的圖形。
總之,通過CSS3中的content
屬性,我們可以靈活地生成各種內容,并且可以通過與其他CSS屬性的組合使用,達到更豐富、更有創意的效果。