CSS(Cascading Style Sheets)是用于定義HTML文檔展示樣式的語言。其中,list屬性用于控制列表的樣式,下面是CSS聲明list所有屬性:
ul { list-style-type: disc; /* 列表項前面使用實心圓點 */ list-style-position: outside; /* 列表項編號標記在標記框之外 */ list-style-image: none; /* 列表項旁邊不使用特定的圖片,如要使用需指定其url地址 */ }
其中,type屬性用于指定列表項標記類型,共有以下取值:
ul { list-style-type: disc; /* 實心圓點 */ list-style-type: circle; /* 空心圓點 */ list-style-type: square; /* 方塊 */ list-style-type: decimal; /* 十進制數字,如 1, 2, 3 */ list-style-type: lower-roman; /* 羅馬數字小寫,如 i, ii, iii */ list-style-type: upper-roman; /* 羅馬數字大寫,如 I, II, III */ list-style-type: lower-alpha; /* 字母小寫,如 a, b, c */ list-style-type: upper-alpha; /* 字母大寫,如 A, B, C */ list-style-type: none; /* 不顯示列表項編號標記 */ }
position屬性用于指定列表項編號標記位置,共有以下取值:
ul { list-style-position: inside; /* 列表項編號標記在標記框之內 */ list-style-position: outside; /* 列表項編號標記在標記框之外 */ }
image屬性用于指定列表項旁邊的特定圖片,如需使用需將地址指定給其url屬性:
ul { list-style-image: url('images/arrow.png'); /* 使用指定圖片 */ list-style-image: none; /* 不使用任何圖片 */ }
使用以上這些屬性可以自定義列表樣式,增加網頁的美觀程度與可讀性。