CSS列表符號(hào)顏色修改方法

在CSS中，我們可以通過修改list-style屬性來改變列表符號(hào)顏色，以下是一些示例代碼：

1、更改無序列表（ul）的符號(hào)顏色：

ul {
  list-style-type: disc; /* 使用實(shí)心圓點(diǎn)作為列表符號(hào) */
  list-style-color: red; /* 將列表符號(hào)顏色設(shè)置為紅色 */
}

2、更改有序列表（ol）的符號(hào)顏色：

ol {
  list-style-type: decimal; /* 使用數(shù)字作為列表符號(hào) */
  list-style-color: blue; /* 將列表符號(hào)顏色設(shè)置為藍(lán)色 */
}

3、更改自定義列表（li）的符號(hào)顏色：

li {
  list-style-type: square; /* 使用方塊作為列表符號(hào) */
  list-style-color: green; /* 將列表符號(hào)顏色設(shè)置為綠色 */
}

list-style-color屬性僅適用于設(shè)置列表符號(hào)的顏色，如果您想同時(shí)更改列表符號(hào)的類型和顏色，可以使用list-style屬性：

ul {
  list-style: red square; /* 使用紅色方塊作為列表符號(hào) */
}

您還可以使用CSS偽元素（::before或::after）來自定義列表符號(hào)，并設(shè)置其顏色：

ul::before {
  content: "?"; /* 使用自定義符號(hào)作為列表符號(hào) */
  color: orange; /* 將列表符號(hào)顏色設(shè)置為橙色 */
}

希望這些方法能幫助您輕松更改CSS列表符號(hào)的顏色。