在網頁中很多地方都會用到列表,例如導航菜單、新聞列表、商品分類等等。您除了可以使用 HTML 中的一些屬性來對列表進行簡單的設置外,在 CSS 中也提供了幾種專門用來設置和格式化列表的屬性,如下所示:
list-style-type:設置列表項前面標記的形狀(外觀);
list-style-position:設置標記和列表中文本之間的距離;
list-style-image:使用圖像代替默認的標記;
list-style:統一設置上面的三個屬性。
使用 list-style-type 屬性可以設置列表中每個列表項前標記的樣式,屬性的可選值如下:
【示例】使用 list-style-type 屬性改變無序列表、有序列表中列表項前標記的樣式:
運行結果如下圖所示: