content屬性：content屬性的綜合型用法

2022-06-06    分類： 網(wǎng)站建設(shè)

content屬性主要通過偽類選擇器:before和:after來指定位置；
content屬性的值可以為任何內(nèi)容；
當(dāng)content屬性的值為none，則表示不插入任何內(nèi)容；

content屬性：
如果我們想往段落p標簽內(nèi)部追加省略號只需要如下方式定義樣式即可：
p:after{content:"...";}

　　當(dāng)然我們也可以追加任何文字：
p:after{content:"網(wǎng)頁教學(xué)網(wǎng)";}

　　既然CSS3可以追加內(nèi)容after，那么CSS3也為我們提供了前置內(nèi)容的方法before：
p:before{content:"...";}

　　如果我們使用標簽選擇器定義了所有的p，但是又有需求要求某一個p且ID為box的元素不準自動追加或前置內(nèi)容，那么我們就可以對content屬性制定none值（none值只能用于before和after這兩種選擇器）或normal（任何選擇器都沒問題）值即可：
#box:before{content:none;}

當(dāng)前標題：content屬性：content屬性的綜合型用法
網(wǎng)站網(wǎng)址：http://www.bm7419.com/news6/164156.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站建設(shè)、軟件開發(fā)、ChatGPT、微信小程序、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計