CSS是一種非常重要的網頁樣式設計語言，它可以構建精美的用戶界面，使得網頁內容更加美觀和易讀。在CSS中，按照數字排列是一種非常實用的功能，它可以使元素按照數字順序排列，簡潔易懂。在下面的代碼示例中，我們將演示如何使用CSS來按照數字排列網頁元素。 首先，我們需要使用pre標簽來包含CSS代碼，在pre標簽內，我們使用CSS的偽類選擇器:after來添加數字。具體代碼如下：

p { 
position: relative; 
margin-left: 20px; 
}
p:after { 
content: counter(paragraph-counter); 
position: absolute; 
left: -20px; 
font-weight: bold; 
color: #999; 
counter-increment: paragraph-counter; 
}

在上述代碼中，我們首先定義了一個包含文字的p標簽，然后通過設置position:relative和margin-left:20px來為p元素留出位置。接下來，我們使用偽類選擇器:after為p元素添加數字。其中，content屬性定義了偽元素的內容，它使用counter函數和paragraph-counter計數器來生成數字。position屬性設置為absolute來使偽元素沿著p元素的左邊緣定位。left屬性設置為-20px來將偽元素放置在p元素的左側，font-weight屬性設置為bold以加粗文本樣式，color屬性設置為#999以與p元素的文本顏色區分開。最后，我們使用counter-increment屬性來增加paragraph-counter計數器的值，使其適應下一個p元素。 接下來，我們可以將p元素添加到網頁中，以查看數字排序效果，如下所示：

第一個段落
第二個段落
第三個段落
第四個段落

在添加p元素后，我們可以看到每個段落前面都有對應的數字，它們按照從1到4的順序排序，如下所示： 1. 第一個段落 2. 第二個段落 3. 第三個段落 4. 第四個段落 通過上述示例，我們可以看到，按照數字排列是一種非常實用的CSS功能，它可以使得網頁元素更加有序和便于閱讀。在實際應用中，我們可以根據需要自由調整CSS樣式，以滿足特定的設計需求。