CSS 所有的列表样式类型_html/css_WEB-ITnose

<style type="text/css">ul.none {list-style-type: none}ul.disc {list-style-type: disc}ul.circle {list-style-type: circle}ul.square {list-style-type: square}ul.decimal {list-style-type: decimal}ul.decimal-leading-zero {list-style-type: decimal-leading-zero}ul.lower-roman {list-style-type: lower-roman}ul.upper-roman {list-style-type: upper-roman}ul.lower-alpha {list-style-type: lower-alpha}ul.upper-alpha {list-style-type: upper-alpha}ul.lower-greek {list-style-type: lower-greek}ul.lower-latin {list-style-type: lower-latin}ul.upper-latin {list-style-type: upper-latin}ul.hebrew {list-style-type: hebrew}ul.armenian {list-style-type: armenian}ul.georgian {list-style-type: georgian}ul.cjk-ideographic {list-style-type: cjk-ideographic}ul.hiragana {list-style-type: hiragana}ul.katakana {list-style-type: katakana}ul.hiragana-iroha {list-style-type: hiragana-iroha}ul.katakana-iroha {list-style-type: katakana-iroha}</style>

• "none" 类型
• 茶
• 可口可乐

• Disc 类型
• 茶
• 可口可乐

• Circle 类型
• 茶
• 可口可乐

• Square 类型
• 茶
• 可口可乐

• Decimal 类型
• 茶
• 可口可乐

• Decimal-leading-zero 类型
• 茶
• 可口可乐

• Lower-roman 类型
• 茶
• 可口可乐

• Upper-roman 类型
• 茶
• 可口可乐

• Lower-alpha 类型
• 茶
• 可口可乐

• Upper-alpha 类型
• 茶
• 可口可乐

• Lower-greek 类型
• 茶
• 可口可乐

• Lower-latin 类型
• 茶
• 可口可乐

• Upper-latin 类型
• 茶
• 可口可乐

• Hebrew 类型
• 茶
• 可口可乐

• Armenian 类型
• 茶
• 可口可乐

• Georgian 类型
• 茶
• 可口可乐

• Cjk-ideographic 类型
• 茶
• 可口可乐

• Hiragana 类型
• 茶
• 可口可乐

• Katakana 类型
• 茶
• 可口可乐

• Hiragana-iroha 类型
• 茶
• 可口可乐

• Katakana-iroha 类型
• 茶
• 可口可乐

"none" 类型

茶

可口可乐

Disc 类型

茶

可口可乐

Circle 类型

茶

可口可乐

Square 类型

茶

可口可乐

Decimal 类型

茶

可口可乐

Decimal-leading-zero 类型

茶

可口可乐

Lower-roman 类型

茶

可口可乐

Upper-roman 类型

茶

可口可乐

Lower-alpha 类型

茶

可口可乐

Upper-alpha 类型

茶

可口可乐

Lower-greek 类型

茶

可口可乐

Lower-latin 类型

茶

可口可乐

Upper-latin 类型

茶

可口可乐

Hebrew 类型

茶

可口可乐

Armenian 类型

茶

可口可乐

Georgian 类型

茶

可口可乐

Cjk-ideographic 类型

茶

可口可乐

Hiragana 类型

茶

可口可乐

Katakana 类型

茶

可口可乐

Hiragana-iroha 类型

茶

可口可乐

Katakana-iroha 类型

茶

可口可乐

将图片作为列表图标

<style type="text/css">ul {list-style-image: url('/i/eg_arrow.gif')}</style>

• 咖啡
• 茶
• 可口可乐

咖啡

茶

可口可乐