CSS串聯樣式表教學『清單樣式屬性一覽』
- list-style-type:none; /*不編號*/
- list-style-type:decimal; /*阿拉伯數字*/
- list-style-type:lower-roman; /*小寫羅馬數字*/
- list-style-type:upper-roman; /*大寫羅馬數字*/
- list-style-type:lower-alpha; /*小寫英文字母*/
- list-style-type:upper-alpha; /*大寫英文字母*/
- list-style-type:disc; /*實心圓形符號*/
- list-style-type:circle; /*空心圓形符號*/
- list-style-type:square; /*實心方形符號*/
- list-style-image:url(dot.gif); /*圖片式符號*/
- list-style-position:outside; /*凸排*/
- list-style-position:inside; /*縮排*/
項目清單範例
|
<ol style="list-style-type:lower-alpha"> <li>這裡是</li> <li>小寫英文字母</li> <li>項目符號範例</li> </ol> |
|
<ul style="list-style-type:circle"> <li>這裡是</li> <li>空心圓形</li> <li>項目符號範例</li> </ul> |
|
<ul style="list-style-image:url(img/dot.gif)"> <li>這裡是</li> <li>圖片式符號</li> <li>項目清單範例</li> </ul> |