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

1. 第一段文字內容。
2. 第二段文字內容。
3. 第三段文字內容。

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

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