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