CSS 序號(hào)顯示是一種常用的網(wǎng)頁(yè)設(shè)計(jì)方法，可以使列表、表格等內(nèi)容變得更加清晰易讀。在 CSS 中，可以通過(guò)設(shè)置 list-style-type 屬性來(lái)定義列表項(xiàng)的序號(hào)顯示方式。下面是一個(gè)使用了 CSS 序號(hào)顯示的列表實(shí)例：

<ul>
<li>列表項(xiàng) 1</li>
<li>列表項(xiàng) 2</li>
<li>列表項(xiàng) 3</li>
</ul>

如果要設(shè)置序號(hào)顯示為阿拉伯?dāng)?shù)字，可以在樣式表中添加以下代碼：

ul {
list-style-type: decimal;
}

這樣，列表項(xiàng)就會(huì)按照 1、2、3… 的順序進(jìn)行編號(hào)。同理，如果要使用羅馬數(shù)字進(jìn)行編號(hào)，可以將 list-style-type 設(shè)置為 "lower-roman" 或 "upper-roman"，如下所示：

ul {
list-style-type: lower-roman;
}

其他常用的序號(hào)顯示方式還包括：

• disc - 實(shí)心圓點(diǎn)（默認(rèn)值）
• circle - 空心圓點(diǎn)
• square - 實(shí)心方塊
• lower-alpha - 小寫(xiě)字母（a、b、c…）
• upper-alpha - 大寫(xiě)字母（A、B、C…）

除了列表，表格的序號(hào)顯示也可以通過(guò) CSS 來(lái)實(shí)現(xiàn)。在表格中，通常會(huì)使用序號(hào)來(lái)對(duì)行或列進(jìn)行標(biāo)號(hào)。為了設(shè)置表格序號(hào)顯示，可以使用 :before 偽元素來(lái)插入序號(hào)內(nèi)容。下面是一個(gè)示例：

<table>
<thead>
<tr>
<th>#</th>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
<td>張三</td>
<td>25</td>
</tr>
<tr>
<td> </td>
<td>李四</td>
<td>30</td>
</tr>
</tbody>
</table>

為了插入序號(hào)，可以添加以下樣式：

tbody tr:before {
content: counter(row);
counter-increment: row;
}

這樣，表格中每一行前面都會(huì)自動(dòng)插入一個(gè)序號(hào)。需要注意的是，在 CSS 樣式中可以使用 counter() 函數(shù)來(lái)控制計(jì)數(shù)器的值，從而實(shí)現(xiàn)更為靈活的樣式設(shè)置。 總之，CSS 序號(hào)顯示是一種簡(jiǎn)單而實(shí)用的網(wǎng)頁(yè)設(shè)計(jì)方法，可以提高內(nèi)容的可讀性和可視化效果。在實(shí)際操作中，需要根據(jù)具體需求選擇合適的序號(hào)顯示方式，并結(jié)合其他 CSS 特性來(lái)實(shí)現(xiàn)更為優(yōu)美的頁(yè)面效果。