怎麼在css3在頁面插入內容

A．  使用選擇器插入內容

h2:before{
　　content:"前缀";
}
h2:after{
　　content:"后缀";
}

B．  指定個別的元素不進行插入

h2.sample:before{
　　content:none;
}

2. 插入圖片

A．  在標題前插入圖片檔案

h2:before{
　　content:url(anwy.jpg);
}

B．  將alt屬性的值作為圖像的標題來顯示（用不了）

img:after{
　　content:attr(alt);
　　display:block;
　　text-align:center;
　　margin-top:5px;
　　font-size:11px;
　　font-weight:bold;
　　color:black;
}

3. 插入編號

A#．  多個標題前加入連續編號

p:before{
　　content:counter(pCounter);
}
p{
　　counter-increment:pCounter;
}

B．  在項目符號中追加文字

p:before{
　　content:"第"counter(pCounter)"段";
}

C．  指定編號樣式、類型

p:before{
　　content:counter(pCounter,upper-alpha)'.';
　　color:blue;
　　font-size:16px;
}

D#．  編號巢狀

p:before{
　　content:counter(pCounter,upper-alpha)'.';
　　color:blue;
　　font-size:16px;
}
p{
　　counter-increment:pCounter;
　　counter-reset:subDivCounter;
}
p:before{
　　content:counter(subDivCounter)'.';
　　margin-left:15px;
 
　　font-size:12px;
}
p{
　　counter-increment:subDivCounter;
}

E．  字串兩邊新增文字巢狀符號

h3:before{
　　content: open-quote;
}
h3:after{
　　content: close-quote;
}
h3{
　　quotes:"【""】";
}

disc 點| circle圓圈 | square正方形 | decimal數字 | decimal-leading-zero 十進制數| lower-roman 小寫羅馬文字| upper-roman 大寫羅馬文字| lower-greek小寫希臘字母 | lower-latin小寫拉丁文 | upper-latin 大寫拉丁文| armenian亞美尼亞數字 | georgian喬治亞數字 | lower-alpha小寫英文字母 | upper-alpha大寫英文字母 | none無 | inherit繼承

以上是怎麼在css3在頁面插入內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！