2008年8月1日 星期五

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>


顯示結果:
  1. 這裡是

  2. 小寫英文字母

  3. 項目符號範例

沒有留言: