用过Word的人都知道，Word有“项目符号和编号”功能，使用起来非常方便。Dreamweaver3的属性面板也有类似的“项目符号和数字”图标按钮，产生自动列表功能，但它只有两种形式，即方形和阿拉伯数字。但是，我们可以使用Dreamweaver3的CSS定义功能来重新定义“列表符号的格式”。下面是一个定义“大写罗马数字的项目列表符号”的例子来说明它的用法：1。按F7(或点击快速启动栏中“八卦图”等图标)，调出CSS面板，选择“无”，点击面板下方的编辑图标，在弹出的“编辑样式表”对话框中按“新建”按钮。在弹出的“新建样式”对话框中选择“Redifine HTML TAG”，然后在下面的“TAG”选择框中选择“ol”，按“OK”立即弹出“ol的样式定义”对话框，如下图所示：。

在“ol的样式定义”对话框左侧的选择窗口中选择“列表”，我们只需要在右侧面板中定义“类型”。点击右侧的三角形按钮，可以看到如下图所示的列表：。

2.我来解释一下上图这个列表中每一项的含义：圆盘：实心圆；圆：空心圆；正方形：实心的正方形；小数：十进制数；小写罗马数字：小写罗马数字；大写罗马数字：Lower-alpha:小写英文字母；大写字母：大写的英文字母；无：不显示项目符号和编号。显然，在这个例子中，选择“上罗马”，然后按OK返回(注意现在不应该选择“Bullet”属性，否则可能不是预期的结果)。在“编辑样式表”对话框中，按“完成”按钮完成。在网页源代码的和之间看到的CSS代码如下：对于没有使用Dreamweaver3的用户，直接在和之间复制上面的代码，结果是一样的。3.这样，当我们设计网页时，单击属性面板上的项目编号图标。

可以得到大写罗马数字的列表，但编辑时会看到十进制数字，只有浏览时才会显示出它的本来面目。如果您需要其他格式的编号，只需在第二步中选择列表中的其他样式。如果要按。

图标，图中前面的项目符号(默认为实心正方形)也改为数字。只要在第一步选择“Tag”时选择“ol”而不是“ul”，其他操作都是完全一样的。如果要改成大写罗马数字的项目符号，得到的CSS代码如下：从这里可以看出，这两个图标扮演的角色基本相同，但标记不同。