CSS 可以用來為列表添加多種樣式。

list-style-type 屬性用於設置列表所使用的預定義標記:

li {
 list-style-type: square;
}

這裡有很多可能的取值,你可以在這裡查看 https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type,其中包含了它們的外觀示例。其中一些最受歡迎的取值包括 disccirclesquarenone

list-style-image 屬性用於在預定義標記不適用時,使用自定義圖片作為標記:

li {
 list-style-image: url(list-image.png);
}

list-style-position 屬性允許將標記放置在列表內容的 outside(默認)或 inside ,在頁面的流動中而不是頁面外:

li {
 list-style-position: inside;
}

list-style 這個縮寫屬性讓我們可以在同一行中指定所有這些屬性:

li {
 list-style: url(list-image.png) inside;
}