在HTML中，

ol

標簽用于創(chuàng)建有序列表。這種列表以編號形式呈現(xiàn)，根據(jù)相對順序為每個項目指定一個數(shù)字。

默認情況下，數(shù)字是普通的阿拉伯?dāng)?shù)字。但是，您可以使用CSS來更改計數(shù)器的樣式。

ol {
/* 設(shè)置計數(shù)器樣式 */
list-style: none; /* 首先禁用默認樣式 */
counter-reset: my-counter; /* 重置計數(shù)器 */
margin-left: 0; /* 取消左側(cè)邊距 */
padding-left: 0; /* 取消左側(cè)內(nèi)邊距 */
}
/* 修改計數(shù)器樣式 */
li::before {
counter-increment: my-counter; /* 遞增計數(shù)器 */
content: counter(my-counter) ". "; /* 顯示計數(shù)器 */
font-weight: bold; /* 設(shè)置字體加粗 */
color: red; /* 設(shè)置計數(shù)器顏色 */
}

在上面的CSS代碼中，我們首先禁用了ol的默認樣式并重置了計數(shù)器。我們還刪除了左側(cè)的邊距和內(nèi)邊距以使列表緊密排列。

然后，我們使用::before偽元素為每個列表項創(chuàng)建一個計數(shù)器。我們使用counter-increment屬性遞增計數(shù)器，使用counter屬性顯示計數(shù)器。注意，我們添加了一個點和空格在每個編號后面。最后，我們使用font-weight和color屬性設(shè)置計數(shù)器的樣式。

通過使用這些CSS屬性，您可以輕松地定制適合您網(wǎng)站的有序列表樣式。