CSS有序排列數(shù)字是一種很實(shí)用的技巧。

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

使用counter-reset可以設(shè)置計(jì)數(shù)器的起始值，而counter-increment可以設(shè)置計(jì)數(shù)器的步長(zhǎng)。

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

CSS有序排列數(shù)字可以用在很多場(chǎng)景，例如文章章節(jié)標(biāo)題、列表等。

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