前台小白的福利 CSS css 样式列表运用 ,你会了吗？

大家都知道，CSS 列表属性可以允许你放置、改变列表项标志，或者者将图像作为列表项标志。所以我们想要做好一个网站，就需要用到这些。

CSS列表属性作用如下

设置不同的列表项标记为有序列表

设置不同的列表项标记为无序列表

设置列表项标记为图像

列表

大家都知道，在HTML中，有两种类型的列表：有序和无序列表。

无序列表 – 列表项标记用特殊图形（如小黑点、小方框等）

有序列表 – 列表项的标记有数字或者字母

使用CSS，可以列出进一步的样式，并可用图像作列表项标记。

1.不同的列表项标记

list-style-type 属性是指定列表项标记的类型。

参考代码

ul.a {list-style-type: circle;}

ul.b {list-style-type: square;}

ol.c {list-style-type: upper-roman;}

ol.d {list-style-type: lower-alpha;}

2.作为列表项标记的图像

要指定列表项标记的图像，使用列表样式图像属性。

参考代码

ul

{

list-style-image: url('sqpurple.gif ' );

}

上面的例子在所有浏览器中显示并不相同，IE 和 Opera 显示图像标记比火狐， Chrome 和 Safari 更高一点点。假如你想在所有的浏览器放置同样的形象标志，就应使用浏览器兼容性处理方案。

?