使用 CSS 設定列表
樣式列表項有三種不同的屬性:list-style-type
,list-style-image
和 list-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;
}