close

一、HTML
li:清單項目
ul:項目清單
ol:編號清單

二、無標誌與無編號
1. 沒有標誌
list-style:none;

2. 不使用編號
list-style-type: none;

三、語言與數字樣式

1. 實心圓形符號
list-style-type: disc;

2. 空心圓形符號
list-style-type: circle;

3. 實心方形符號
list-style-type: square;

4. 阿拉伯數字 例 1
list-style-type: decimal;

5. 阿拉伯數字 例:01
list-style-type: decimal-leading-zero;

6. 小寫羅馬數字
list-style-type: lower-roman;

7. 大寫羅馬數字
list-style-type: upper-roman;

8. 小寫英文字母
list-style-type: lower-alpha;

9. 大寫英文字母
list-style-type: upper-alpha;

10. 希臘語
list-style-type: lower-greek;

11. 亞美尼亞語
list-style-type: armenian;

12. 格魯吉亞語
list-style-type: georgian;

四、圖片式符號
list-style-image: url(images/A.png);

五、排列方式
1. 凸排
list-style-position: outside;

2. 縮排
list-style-position: inside;

arrow
arrow
    文章標籤
    HTML CSS
    全站熱搜
    創作者介紹
    創作者 小甲學習地 的頭像
    小甲學習地

    學習資訊部落

    小甲學習地 發表在 痞客邦 留言(0) 人氣()