CSS3提供了一種方便的方法來自定義HTML列表中符號的外形。自定義列表符號可以幫助網站實現更好的風格和效果。 首先要了解的是，列表符號是通過設置list-style-type來控制的。默認的列表符號是實心圓點，list-style-type值為"disc"。可以通過給ul或者ol元素設置不同的list-style-type值來實現不同外形的列表符號。例如： ``` ul { list-style-type: circle; } /* 空心圓 */ ol { list-style-type: decimal; } /* 數字 */ ``` CSS3 還提供了其他值來控制列表符號外形。我們可以通過list-style-type屬性，并設置如下值，來定制列表符號： decimal-leading-zero：設置為一個以零開頭的十進制數。 lower-roman：小寫羅馬數字。 upper-roman：大寫羅馬數字。 lower-greek：小寫希臘字母。 lower-latin：小寫英文字母。 upper-latin：大寫英文字母。 除了設置不同類型的符號，我們還可以在列表符號前添加圖片或其他形狀，如箭頭符號。這也可以通過CSS3樣式實現。 如果我們需要在列表符號前加上圖片，只需要使用background-image樣式，與list-style-image一起使用即可，如下所示： ``` ul li { list-style-image: url('arrow.png'); /* 設置箭頭圖片 */ background-image: url('bullet.png'); /* 設置標志圖片 */ background-repeat: no-repeat; background-position: top left; } ``` 列表符號之間可以通過樣式來控制間距。可以使用list-style-position設置符號位置:left/outside，控制符號位置到文本的距離。若想將其放置于文本之外，應設置list-style-position的值為"outside"。例如： ``` ul { list-style-position: outside; /* 列表符號放于文本外 */ list-style-type: square; } ``` 總之，在使用HTML列表時，學會通過CSS3樣式控制列表符號的外形是非常有用的的，可以為網站的設計提供更多的創意空間。