在CSS中，可以使用counter屬性來(lái)添加序號(hào)，以下是一個(gè)簡(jiǎn)單的示例，展示如何在列表項(xiàng)前添加序號(hào)：
<!DOCTYPE html>
<html>
<head>
<style>
#myList {
list-style-type: none;
}
#myList li {
counter-reset: myCounter;
}
#myList li:before {
content: counter(myCounter) ". ";
counter-increment: myCounter;
}
</style>
</head>
<body>
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>在這個(gè)示例中，#myList列表的樣式被設(shè)置為list-style-type: none;，以移除默認(rèn)的列表樣式，每個(gè)列表項(xiàng)使用counter-reset: myCounter;來(lái)重置計(jì)數(shù)器，在#myList li:before偽元素中，使用content: counter(myCounter) ". ";來(lái)顯示序號(hào)，并使用counter-increment: myCounter;來(lái)增加計(jì)數(shù)器。
這樣，每個(gè)列表項(xiàng)前都會(huì)顯示一個(gè)序號(hào)，從1開(kāi)始遞增，你可以根據(jù)需要調(diào)整計(jì)數(shù)器的名稱和樣式。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
