18、CSS列表样式与CSS2特性全解析

CSS列表样式与CSS2特性全解析

1. HTML与CSS列表元素样式

在HTML中可以对列表元素的样式进行修改。例如，使用无序列表标签 <UL TYPE="SQUARE"> ，列表项前会显示为实心方块；使用有序列表标签 <OL TYPE="I"> ，列表项前会显示为大写罗马数字。

在CSS里，无序列表标记的名称与HTML中相同，如DISC（实心圆）、CIRCLE（空心圆）和SQUARE（实心方块）。而有序列表标记，要使用想要呈现形式的第一个“数字”，如大写罗马数字用“I”，小写罗马数字用“i”，大写字母用“A”，小写字母用“a”。 LIST-STYLE-TYPE 属性在Netscape Navigator和Internet Explorer中都得到了很好的支持，使用起来较为安全。

2. LIST-STYLE-IMAGE属性

LIST-STYLE-IMAGE 属性和 LIST-STYLE-TYPE 、 LIST-STYLE-POSITION 、 LIST-STYLE 一样，用于改变列表元素开头的列表标记的显示方式。有时候，我们可能希望列表项前显示的不是标准的普通列表标记，比如彩色3D按钮、蒙娜丽莎的图片等，这时就可以使用 LIST-STYLE-IMAGE 属性。

该属性的详细信息如下：
- 描述 ：指定一个图像作为列表元素前的标记