CSS有序排列數字是一種很實用的技巧。

ol {
counter-reset: section; 
/* 設置起始值 */
list-style: none; 
/* 去除列表默認樣式 */
}
li:before {
counter-increment: section;
/* 步長為1 */
content: counter(section) ". ";
/* 顯示計數器 */
}

使用counter-reset可以設置計數器的起始值，而counter-increment可以設置計數器的步長。

此外，還可以通過設置content來決定計數器的展示方式，例如前面加上“.”或者“)”。

CSS有序排列數字可以用在很多場景，例如文章章節標題、列表等。

通過CSS有序排列數字，我們可以方便地創建出漂亮且靈活的數字排列效果，使網頁看起來更加整潔美觀。