15.2　选择标识

15.2　选择标识

创建列表时，无论是有序列表（如图15.2.1所示）还是无序列表，都可以选择出现在列表项目左侧的标识的类型（如符号、编号、图像等）。

...
<body>
<h1>The Great American Novel</h1>
<ol>
     <li>Introduction</li>
     <li>Development</li>
     <li>Climax</li>
     <li>Denouement</li>
     <li>Epilogue</li>
</ol>
</body>
</html>

图15.2.1　这是用做示例的有序列表。我们将对其应用大写罗马数字（upper-roman）

选择标识

在样式表中，输入list-style-type: marker，这里的marker是以下属性值中的一种。

disc（圆点，●）
circle（圆圈，○）
square（方块，■）
decimal（数字，1、2、3……）
upper-alpha（大写字母，A、B、C……）
lower-alpha（小写字母，a、b、c……）
upper-roman（大写罗马数字，Ⅰ、Ⅱ、Ⅲ、Ⅳ……），如图15.2.2和图15.2.3所示
lower-roman（小写罗马数字，i、ii、iii、iv……）

li {
     list-style-type: upper-roman;
}

图15.2.2　可以对任何列表项目应用list-style-type属性。如果这个页面上有两个列表，其中一个是无序列表，那么可以将这个例子中的选择器改为ol li，从而仅对有序列表应用大写罗马数字

15.2　选择标识 - 图1

图15.2.3　现在，有序列表采用大写罗马数字进行编号。注意，大多数浏览器会让编号右对齐（不过列表项目的内容是左对齐的，如图所示）

显示无标识列表

在样式表规则中，输入list-style-type: none。

提示　默认情况下，对于无序列表，第一级列表使用圆点，第一级嵌套列表（第二级列表）使用圆圈，第三级及后续各级列表使用方块。参见15.7节。

提示　在不同的浏览器中，圆点、圆圈和方块符号的大小和外观可能稍有差异。

提示　可以通过list-style-type对ol和ul设置任何标识样式。换句话说，可以对ol使用方块标识，也可以对ul使用数字标识。

提示　也可以在HTML中通过type属性为有序列表指定标识类型，尽管推荐的做法是尽可能在CSS中定义列表样式类型。type属性可接受的值包括A、a、I、i和1，它们用于指定要使用的编号类型（默认值为1）。例如，表示使用大写罗马数字作为编号。

15.2 选择标识

15.2 选择标识

15.2　选择标识

15.2　选择标识