列表前自动显示序号代码

崔健发表于 代码 2016-03-01 12:46:00 -0500
此代码



代码说明

这是一种数字序号效果,完全使用CSS自己的属性方法来实现,利用list-style属性在文件列表前加上序号(01,02,03...),当然,你也可以添加其他内容,如下(list-style-type属性值)
  1. disc 默认。标记是实心圆。
  2. circle 标记是空心圆。
  3. square 标记是实心方块。
  4. decimal 标记是数字。
  5. decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
  6. lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
  7. upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
  8. lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
  9. upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)



CSS代码(样式一)




代码演示

请看序号列表,更改为自己喜欢的序号风格



CSS代码(样式二)




代码演示

请看序号列表,更改为自己喜欢的序号风格



【本站仅供参考,版权归原作者所有】

«Newer      Older»
Comment:
Name:

Back to home


Subscribe | Register | Login | N