“样式生成器”对话框 ->“列表”
更新：2007 年 11 月
使用“样式生成器”对话框的“列表”页可以定义级联样式表 (CSS) 样式属性，以设置用 <OL> 和 <UL> 标记创建的列表的格式。可以直接将这些属性应用到 HTML 元素或者将其添加到 CSS 样式规则中。
将列表属性直接应用于页面上的 HTML 元素
在 HTML 设计器的“设计”视图中打开 HTML 文档，然后选择要设置格式的元素。
单击“格式”菜单上的“样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“列表”。
右窗格中将显示“样式生成器”对话框 ->“列表”。
当格式化“设计”视图中的选定元素时，将向页的 HTML 标记中内联插入 CSS 样式属性。切换到“HTML”视图以检查插入的新样式属性。
向外部样式表中定义的 CSS 样式规则中添加列表属性
打开一个现有外部样式表，然后将插入点放在所需样式的选择器后面的大括号 ({ }) 中。
单击“样式”菜单上的“生成样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“列表”。
右窗格中将显示“样式生成器”对话框 ->“列表”。
.gif "说明") 说明： |
|---|
当您打开外部 CSS 样式表进行编辑时，将出现“样式”菜单。将插入点置于样式规则选择器后的大括号内时，“样式”菜单上的“生成样式”选项即变为可用。 |
外部样式表中定义的 CSS 样式类可以应用于网页的 <BODY> 元素内的元素，方法是将 CSS 样式选择器指定为该元素的 CLASS 属性。
“样式生成器”对话框的“列表”页中包括的可用选项如下。
任务
用户界面元素
列表
设置列表类型的属性（有项目符号或者没有项目符号）。这些属性通常应用于影响 <LI></LI> 或 <OL></OL> 标记的样式。选择“<未设置>”（未选择任何选项）、“显示项目符号”或“取消项目符号”。例如，如果选择“取消项目符号”，则添加以下代码：
LIST-STYLE-TYPE:none
项目符号
下表中列出的属性用于设置项目符号的格式。项目符号包括：数字、字母、罗马数字、标准项目符号图像（“圆形”、“圆盘”、“正方形”），或自定义项目符号图像。
| 说明： |
|---|
选择“显示项目符号”作为列表类型后，项目符号的不同样式即变为可用。 |
样式
设置控制项目符号样式的属性。有八种样式可用。从“<未设置>”（未选择任何选项）、“圆形”、“圆盘”、“正方形”、“(1 2 3 4…)”、“(i ii iii iv…)”、“(I II III IV…)”、“(a b c d...)” 或 “(A B C D…)”中进行选择。例如，如果选择“显示项目符号”作为列表类型，“正方形”作为样式，则插入以下 CSS 标记：LIST-STYLE-TYPE:square
位置
设置属性，控制项目符号相对于文本的位置。包括两种不同的文本位置格式。选择“<未设置>”（未选择任何选项）、“外侧（文本缩进）”或“内侧（文本不缩进）”。例如，如果选择“正方形”作为样式，“显示项目符号”作为列表类型，“外侧（文本缩进）”作为位置，则插入以下 CSS 标记：LIST-STYLE-TYPE:square; list-style-position:outside
自定义项目符号
将某图像（而不是八个可用的样式）作为项目符号样式。在选择“自定义项目符号”后，“图像”和“无”选项即可用。图像
将某图像设置为项目符号样式。在字段中键入路径和图像名，或选择省略号按钮 (...) 打开“选择项目符号图像”对话框，然后浏览至图像的位置。例如，如果选择“显示项目符号”作为列表类型，“外侧（文本缩进）”作为位置，“自定义项目符号”作为项目符号样式，然后在“图像”字段中键入 bullet.jpg，则插入以下 CSS 标记：LIST-STYLE-POSITION:outside
LIST-STYLE-IMAGE:url (bullet.jpg)
无
将项目符号样式的图像值设置为 None。例如，如果选择“显示项目符号”作为列表类型，“外侧（文本缩进）”作为位置，“自定义项目符号”作为项目符号样式，然后在“图像”字段中键入 bullet.jpg，则插入以下 CSS 标记：LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:url (bullet.jpg)
如果随后返回到“样式生成器”对话框，选择“无”作为“自定义项目符号”选项，则插入以下 CSS 标记：
LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:none