W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> ol.a {list-style-type: armenian;} ol.b {list-style-type: cjk-ideographic;} ol.c {list-style-type: decimal;} ol.d {list-style-type: decimal-leading-zero;} ol.e {list-style-type: georgian;} ol.f {list-style-type: hebrew;} ol.g {list-style-type: hiragana;} ol.h {list-style-type: hiragana-iroha;} ol.i {list-style-type: katakana;} ol.j {list-style-type: katakana-iroha;} ol.k {list-style-type: lower-alpha;} ol.l {list-style-type: lower-greek;} ol.m {list-style-type: lower-latin;} ol.n {list-style-type: lower-roman;} ol.o {list-style-type: upper-alpha;} ol.p {list-style-type: upper-latin;} ol.q {list-style-type: upper-roman;} ol.r {list-style-type: none;} ol.s {list-style-type: inherit;} </style> </head> <body> <h1>CSS 实现的 ol 的所有不同列表类型</h1> <ol class="a"> <li>Armenian 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="b"> <li>Cjk-ideographic 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="c"> <li>Decimal 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="d"> <li>Decimal-leading-zero 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="e"> <li>Georgian 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="f"> <li>Hebrew 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="g"> <li>Hiragana 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="h"> <li>Hiragana-iroha 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="i"> <li>Katakana 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="j"> <li>Katakana-iroha 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="k"> <li>Lower-alpha 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="l"> <li>Lower-greek 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="m"> <li>Lower-latin 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="n"> <li>Lower-roman 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="o"> <li>Upper-alpha 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="p"> <li>Upper-latin 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="q"> <li>Upper-roman 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="r"> <li>None 类型</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="s"> <li>inherit 类型</li> <li>茶</li> <li>可口可乐</li> </ol> </body> </html>