CSS添加編號是一種常用的網(wǎng)頁排版技巧，可以讓文章更加清晰明了。下面是一個(gè)簡單的例子，通過CSS添加編號來排版一篇文章。

1. 第一段文字內(nèi)容。
2. 第二段文字內(nèi)容。
3. 第三段文字內(nèi)容。

p:before {
content: counter(section) ". ";
counter-increment: section;
font-weight: bold;
margin-right: 5px;
}

以上是簡單的HTML和CSS代碼，首先在pre標(biāo)簽中添加需要編號的段落內(nèi)容。接著，在CSS樣式表中使用counter計(jì)數(shù)器來為每個(gè)段落添加編號。在樣式表中，使用content屬性來添加編號，并且通過counter-increment屬性來遞增計(jì)數(shù)器。 在這個(gè)例子中，我們?yōu)槊總€(gè)段落添加了“1. ”，“2. ”和“3. ”的編號。這種排版技巧可以讓文章更加清晰明了，讓讀者更容易地閱讀和理解文章內(nèi)容。 需要注意的是，在使用CSS添加編號時(shí)一定要注意代碼的兼容性問題。不同瀏覽器對CSS樣式的支持有差異，需要對這些差異做出相應(yīng)的兼容性處理，以確保網(wǎng)頁的正常顯示。 總之，CSS添加編號是一種非常有用的排版技巧，可以讓文章更加清晰明了。通過多加練習(xí)和不斷嘗試，相信我們可以掌握這種技巧，更好地為自己的網(wǎng)頁設(shè)計(jì)服務(wù)。