使用 CSS 設定列表

樣式列表項有三種不同的屬性:list-style-typelist-style-imagelist-style-position,它們應按該順序宣告。預設值分別為 disc,outside 和 none。每個屬性都可以單獨宣告,或使用 list-style 速記屬性。

list-style-type 定義用於每個列表項的專案符號點的形狀或型別。

list-style-type 的一些可接受的值:

  • 圓盤
  • 廣場
  • 十進位制
  • 低羅馬
  • 上羅馬
  • 沒有

(有關詳盡列表,請參閱 W3C 規範 wiki

例如,要為每個列表項使用方形專案符號,你將使用以下屬性 - 值對:

li {
    list-style-type: square;
}

所述 list-style-image 屬性確定列表項圖示是否被設定為一個影象,並接受 none 或指向的影象的 URL 的值。

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

所述 list-style-position 屬性定義,其中以定位列表項標記,它接受兩個值之一:內部外部

li {
  list-style-position: inside;
}