今天小編給大家分享一下css中content屬性如何用的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)公司專注于沂南網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供沂南營銷型網(wǎng)站建設(shè)，沂南網(wǎng)站制作、沂南網(wǎng)頁設(shè)計、沂南網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造沂南網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供沂南網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

在css中，content屬性與“:before”以及“:after”偽元素配合使用，用于插入內(nèi)容，語法為“content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css中content屬性使用方法

content 屬性與 :before 及 :after 偽元素配合使用，來插入內(nèi)容。

語法為：

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

指定屬性值如下：

示例如下：

創(chuàng)新互聯(lián) - 程序員夢開始的地方。
嗶哩嗶哩彈幕網(wǎng) - 好用的學(xué)習(xí)網(wǎng)站。

輸出結(jié)果：

示例如下：

插入當(dāng)前元素編號(指定種類)

css：

html:

    
5、插入當(dāng)前元素編號(指定種類)
    
        

            
我是第1個li標(biāo)簽
            
我是li標(biāo)簽中的第1個div標(biāo)簽
            
我是第2個li標(biāo)簽
            
我是第3個li標(biāo)簽
            
我是li標(biāo)簽中的第2個div標(biāo)簽
            
我是第4個li標(biāo)簽
            
我是第5個li標(biāo)簽