CSS 序號排列是一個在網頁設計中經常出現的問題。通過 CSS，我們可以輕松地為列表、表格和其他元素添加序號。在本文中，我們將簡要介紹一些常見的序號排列方法。

ol {
list-style-type: decimal; /* 使用數字作為序號 */
list-style-position: inside; /* 將序號放在列表項內部 */
}
ol li {
margin: 5px 0; /* 設置列表項之間的間距 */
}
ul {
list-style-type: disc; /* 以實心圓點作為序號 */
}
ul li {
margin: 5px 0; /* 設置列表項之間的間距 */
}
ol li::before {
content: counter(item) ". "; /* 使用計數器為序號賦值 */
counter-increment: item; /* 計數器加一 */
margin-right: 5px; /* 設置序號與內容之間的間距 */
}

上面的代碼演示了如何通過 CSS 為有序列表和無序列表添加序號。其中，list-style-type屬性指定了序號的類型，list-style-position屬性指定了序號的位置。對于有序列表，我們還可以使用counter-increment和content屬性為序號賦值，并設置序號與內容之間的間距。另外，::before偽類可以用來在每個列表項前面插入內容。

除了列表之外，我們還可以使用類似的方法為表格和其他元素添加序號。例如：

table {
counter-reset: row; /* 重置計數器 */
}
tbody tr {
counter-increment: row; /* 計數器加一 */
}
tbody tr td:first-child::before {
content: counter(row) ". "; /* 使用計數器為序號賦值 */
margin-right: 5px; /* 設置序號與內容之間的間距 */
}

上面的代碼演示了如何為表格的每一行添加序號。其中，counter-reset屬性用于重置計數器，counter-increment屬性用于計數器加一，::first-child偽類用于選擇每一行的第一個單元格，::before偽類用于在序號前面添加內容。

總之，CSS 序號排列是一個非常實用的功能，可以幫助我們更好地組織和展示網頁內容。希望本文能夠為你提供一些有用的信息和參考。