Home > Web Front-end > HTML Tutorial > CSS all list style types_html/css_WEB-ITnose

CSS all list style types_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:56:31
Original
1899 people have browsed it


<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>
Copy after login

  • "none" Type
  • Tea
  • Coca-Cola
  • Disc Type
  • Tea
  • Coca-Cola
  • Circle Type
  • Tea
  • Coca-Cola
  • Square type
  • Tea
  • Coca-Cola
  • Decimal type
  • Tea
  • Coca-Cola
  • Decimal-leading-zero Type
  • Tea
  • Coca-Cola
  • Lower-roman Type
  • Tea
  • Coca-Cola
  • Upper-roman Type
  • Tea
  • Coca-Cola
  • Lower-alpha type
  • Tea
  • Coca-Cola
  • Upper-alpha type
  • Tea
  • Coca-Cola
  • Lower-greek type
  • Tea
  • Coca-Cola
  • Lower-latin type
  • Tea
  • Coca-Cola
  • Upper-latin type
  • Tea
  • Coca-Cola
  • Hebrew type
  • Tea
  • Coca-Cola
  • Armenian Type
  • Tea
  • Coca-Cola
  • Georgian Type
  • Tea
  • Coca-Cola
  • Cjk-ideographic type
  • tea
  • Coca-Cola
  • Hiragana type
  • tea
  • Coca-Cola
  • Katakana Type
  • Tea
  • Coca-Cola
  • Hiragana-iroha Type
  • Tea
  • Coca-Cola
  • Katakana-iroha Type
  • Tea
  • Coca-Cola
  • 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>
    Copy after login

  • Coffee
  • Tea
  • Coca-Cola



  • source:php.cn
    Statement of this Website
    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
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template