Home > Article > Web Front-end > CSS all list style types_html/css_WEB-ITnose
CSS all list style types_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:56:311871browse
<html><head><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></head><body><ul class="none"><li>"none" 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="disc"><li>Disc 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="circle"><li>Circle 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="square"><li>Square 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="decimal"><li>Decimal 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="decimal-leading-zero"><li>Decimal-leading-zero 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="lower-roman"><li>Lower-roman 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="upper-roman"><li>Upper-roman 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="lower-alpha"><li>Lower-alpha 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="upper-alpha"><li>Upper-alpha 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="lower-greek"><li>Lower-greek 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="lower-latin"><li>Lower-latin 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="upper-latin"><li>Upper-latin 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="hebrew"><li>Hebrew 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="armenian"><li>Armenian 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="georgian"><li>Georgian 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="cjk-ideographic"><li>Cjk-ideographic 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="hiragana"><li>Hiragana 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="katakana"><li>Katakana 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="hiragana-iroha"><li>Hiragana-iroha 类型</li><li>茶</li><li>可口可乐</li></ul><ul class="katakana-iroha"><li>Katakana-iroha 类型</li><li>茶</li><li>可口可乐</li></ul></body></html> Put image as list icon
<html><head><style type="text/css">ul {list-style-image: url('/i/eg_arrow.gif')}</style></head><body><ul><li>咖啡</li><li>茶</li><li>可口可乐</li></ul></body></html>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css position: absolute、relative详解_html/css_WEB-ITnoseNext article：css position: absolute、relative详解_html/css_WEB-ITnose