列表中所有不同的列表项标记

实例解析:

list-style-type属性用于设置列表项标记的类型。

可以设置的列表项标记类型有:

 ● none:无标记。    

 ● disc:默认值,标记是实心圆。    

 ● circle:标记是空心圆。    

 ● square:标记是实心方块。    

 ● decimal:标记是数字。    

 ● decimal-leading-zero:0开头的数字标记,例:01、 02、03等等。

 ● lower-roman:小写罗马数字(例:i, ii, iii, iv, v, 等)。

 ● upper-roman:大写罗马数字(例:I, II, III, IV, V, 等)。

 ● lower-alpha:小写英文字母(例:a, b, c, d, e, 等) 。

 ● upper-alpha:大写英文字母,以大写字母排序 (例:A, B, C, D, E, 等)。

 ● lower-greek:小写希腊字母。

 ● lower-latin:小写拉丁字母。

 ● upper-latin:大写拉丁字母。

 ● hebrew:传统的希伯来编号方式    

 ● armenian:传统的亚美尼亚编号方式    

 ● georgian:传统的乔治亚编号方式(an, ban, gan, 等。)    

 ● cjk-ideographic:简单的表意数字    

 ● hiragana:标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)    

 ● katakana:标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)    

 ● hiragana-iroha:标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)    

 ● katakana-iroha:标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)    


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> ul.a {list-style-type:circle;} ul.b {list-style-type:disc;} ul.c {list-style-type:square;} ol.d {list-style-type:armenian;} ol.e {list-style-type:cjk-ideographic;} ol.f {list-style-type:decimal;} ol.g {list-style-type:decimal-leading-zero;} ol.h {list-style-type:georgian;} ol.i {list-style-type:hebrew;} ol.j {list-style-type:hiragana;} ol.k {list-style-type:hiragana-iroha;} ol.l {list-style-type:katakana;} ol.m {list-style-type:katakana-iroha;} ol.n {list-style-type:lower-alpha;} ol.o {list-style-type:lower-greek;} ol.p {list-style-type:lower-latin;} ol.q {list-style-type:lower-roman;} ol.r {list-style-type:upper-alpha;} ol.s {list-style-type:upper-latin;} ol.t {list-style-type:upper-roman;} ol.u {list-style-type:none;} ol.v {list-style-type:inherit;} </style> </head> <body> <ul class="a"> <li>Circle type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="b"> <li>Disc type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="c"> <li>Square type</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ol class="d"> <li>Armenian type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="e"> <li>Cjk-ideographic type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="f"> <li>Decimal type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="g"> <li>Decimal-leading-zero type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="h"> <li>Georgian type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="i"> <li>Hebrew type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="j"> <li>Hiragana type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="k"> <li>Hiragana-iroha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="l"> <li>Katakana type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="m"> <li>Katakana-iroha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="n"> <li>Lower-alpha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="o"> <li>Lower-greek type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="p"> <li>Lower-latin type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="q"> <li>Lower-roman type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="r"> <li>Upper-alpha type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="s"> <li>Upper-latin type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="t"> <li>Upper-roman type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="u"> <li>None type</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="v"> <li>inherit type</li> <li>Tea</li> <li>Coca Cola</li> </ol> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

CSS 代码实例

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~