CSS的列表樣式通過對HTML標(biāo)簽添加樣式，可以使得列表呈現(xiàn)出各種不同的樣式。下面介紹一些常用的列表樣式及其代碼實(shí)現(xiàn)。 1. 實(shí)心圓點(diǎn)樣式 實(shí)心圓點(diǎn)樣式是最常見的列表樣式之一。我們可以使用list-style-type屬性來設(shè)置ul或ol元素的樣式。 ul { list-style-type: disc; } ol { list-style-type: decimal; } 2. 空心圓點(diǎn)樣式 如果你想要空心的圓點(diǎn)，可以將list-style-type屬性設(shè)置為circle。 ul { list-style-type: circle; } 3. 方塊樣式 方塊樣式可以通過將list-style-type屬性設(shè)置為square來實(shí)現(xiàn)。 ul { list-style-type: square; } 4. 大小寫字母樣式 有時我們需要使用大小寫字母來表示列表項(xiàng)。這可以使用list-style-type屬性的lower-alpha和upper-alpha值來實(shí)現(xiàn)。 ol { list-style-type: lower-alpha; } ol { list-style-type: upper-alpha; } 5. 自定義圖標(biāo)樣式 除了使用內(nèi)置的樣式外，我們還可以自定義列表項(xiàng)的樣式。我們可以使用background-image屬性來指定圖標(biāo)的路徑，并使用list-style-type屬性來指定圖標(biāo)的樣式類型。 ul { list-style-type: none; } ul li:before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url("icon.png"); } 使用CSS可以讓我們的列表呈現(xiàn)出豐富的視覺效果，從而增強(qiáng)用戶體驗(yàn)。希望這些常用的列表樣式可以為你的網(wǎng)站帶來更好的效果。