這篇文章主要介紹了css3中after的content屬性里能放哪些東西的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇css3中after的content屬性里能放哪些東西文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

創(chuàng)新互聯(lián)建站專(zhuān)注于漣水企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城開(kāi)發(fā)。漣水網(wǎng)站建設(shè)公司,為漣水等地區(qū)提供建站服務(wù)。全流程按需定制網(wǎng)站，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

css3中“:after”偽元素的content屬性：1、設(shè)置為none空值；2、設(shè)置為normal，會(huì)被視為none空值；3、counter設(shè)定計(jì)數(shù)器，產(chǎn)生的內(nèi)容是該偽類(lèi)元素指定名稱(chēng)的最小范圍的計(jì)數(shù)；4、設(shè)置為string文本內(nèi)容；5、設(shè)置為“open-quote”前引號(hào)；6、設(shè)置為“close-quote”后引號(hào)等等。

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

css3中after的content屬性

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

語(yǔ)法格式：

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

可能的值：

• none 設(shè)置 content 為空值。

• normal 在 :before 和 :after 偽類(lèi)元素中會(huì)被視為 none，即也是空值。

• counter 設(shè)定計(jì)數(shù)器，格式可以是 counter(name) 或 counter(name,style) 。產(chǎn)生的內(nèi)容是該偽類(lèi)元素指定名稱(chēng)的最小范圍的計(jì)數(shù)；格式由style指定（默認(rèn)是'decimal'——十進(jìn)制數(shù)字）

• attr(attribute) 將元素的 attribute 屬性以字符串形式返回。。

• string 設(shè)置文本內(nèi)容

• open-quote 設(shè)置前引號(hào)

• close-quote 設(shè)置后引號(hào)

• no-open-quote 移除內(nèi)容的開(kāi)始引號(hào)

• no-close-quote 移除內(nèi)容的閉合引號(hào)

• url(url) 設(shè)置某種媒體（圖像，聲音，視頻等內(nèi)容）的鏈接地址

示例如下：

寶塔鎮(zhèn)河妖
強(qiáng)的很！?。?/p>

輸出結(jié)果：

示例如下：

天王蓋地虎-寶塔鎮(zhèn)河妖

輸出結(jié)果：

關(guān)于“css3中after的content屬性里能放哪些東西”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“css3中after的content屬性里能放哪些東西”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。