CSS的content屬性可以用來插入額外的內(nèi)容進(jìn)去文檔中。例如,我們可以插入一些裝飾性的圖標(biāo)或字符,或者在浮動元素的上方插入清除浮動的占位符。
使用content屬性的語法是:content:“內(nèi)容值”;
例如,在CSS中定義一個:before和:after偽元素,并且分別給它們設(shè)置不同的內(nèi)容。
div:before { content: "裝飾性圖標(biāo)"; } div:after { content: "清除浮動占位符"; }
使用:before偽元素插入一個裝飾圖標(biāo),使用:after偽元素插入一個清除浮動的占位符。
可以使用content屬性插入管理員圖標(biāo),以表明文章是由管理員發(fā)布的。內(nèi)容值可以是URL地址或者Unicode字符。
.admin:before { content: url(管理員圖標(biāo).jpg); }
在這個例子中,使用URL地址作為content屬性的值來插入一個管理員圖標(biāo)。
總之,content屬性是一種非常有用的工具,可以使我們在文檔中插入更多的內(nèi)容,并且可以讓我們以一種有趣的方式增強(qiáng)我們的CSS設(shè)計。
上一篇css clear 方法
下一篇mysql每日記錄