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://muchs.cn/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è)計