在HTML中，<ol> 標簽用于創(chuàng)建有序列表，而CSS（層疊樣式表）則用于設(shè)置列表的樣式，通過CSS，您可以自定義列表的外觀，例如列表項的顏色、字體、大小等。

基本設(shè)置

您可以通過CSS設(shè)置列表項的基本樣式。

ol {
  list-style-type: decimal; /* 設(shè)置列表項標記為數(shù)字 */
  color: #333; /* 設(shè)置列表項文字顏色為深灰色 */
  font-size: 16px; /* 設(shè)置列表項字體大小為16像素 */
}

自定義標記

CSS允許您自定義列表項的標記，您可以使用圖像作為標記：

ol {
  list-style-image: url('marker.png'); /* 使用圖像作為標記 */
}

或者，您可以使用特定的字符或字符串作為標記：

ol {
  list-style-type: circle; /* 設(shè)置列表項標記為圓圈 */
}

嵌套列表

如果列表中包含其他列表（嵌套列表），您可以通過CSS設(shè)置嵌套列表的樣式：

ol ol {
  list-style-type: lower-alpha; /* 設(shè)置嵌套列表項標記為小寫字母 */
}

其他樣式設(shè)置

除了上述基本設(shè)置外，您還可以設(shè)置列表的其他樣式，例如列表項的間距、邊框等：

ol {
  margin: 20px 0; /* 設(shè)置列表項上下間距為20像素 */
  padding: 10px; /* 設(shè)置列表項內(nèi)邊距為10像素 */
  border: 1px solid #ccc; /* 設(shè)置列表項邊框為1像素灰色實線 */
}

通過以上CSS設(shè)置，您可以輕松地自定義HTML有序列表的外觀，使其更符合您的設(shè)計需求。