有序无序列表

有序列表与无序列表 (都是块状元素)

<ul>

<li>这是列表项</li>

</ul>

<ol>

<li>这是有序列表项</li>

</ol>

UL的type属性
 

circle

空心圆。

disc

默认值。实心圆。

square

实心方块。

reversed

reversed

规定列表顺序为降序。(9,8,7...)

type

  • 1
  • A
  • a
  • I
  • i

规定在列表中使用的标记类型。

通过css能控制列表的3个属性:

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

小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)

upper-alpha

大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

lower-greek

小写希腊字母(alpha, beta, gamma, 等。)

lower-latin

小写拉丁字母(a, b, c, d, e, 等。)

upper-latin

大写拉丁字母(A, B, C, D, E, 等。)

hebrew

传统的希伯来编号方式

armenian

传统的亚美尼亚编号方式

georgian

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

cjk-ideographic

简单的表意数字

   
   
   
   

List-style-image: 用于替换显示标志的图片.

猜你喜欢

转载自www.cnblogs.com/hhthtt/p/10135382.html