CSS是一种控制网页样式的语言,它可以控制网页中的各种元素的样式,
包括列表的样式。CSS控制列表样式的主要
属性有:list-style-type、list-style-image、list-style-position。
list-style-type:这个
属性是用来定义列表项目符号的类型的。例如,我们可以将列表项的符号改为数字、小写字母或者大写字母,也可以将符号改为图标。这个
属性可以设置的值有
disc(实心圆点)、circle(空心圆点)、square(实心方块)、decimal(数字)、lower-alpha(小写字母)、upper-alpha(大写字母)等等。
list-style-image:这个
属性是用来定义列表项目符号的图像的。比如,我们可以将列表项的符号改为
一个自定义的图标。这个
属性需要指定
一个图像的URL,例如,我们可以将列表项的符号设置为
一个小箭头,
代码如下:
pre {
list-style-image: url(arrow.gif);
}
list-style-position:这个
属性是用来定义列表项目符号的位置的。比如,我们可以将项目符号放到文本的上方或者下方。这个
属性可以设置的值有inside(放在文本内部)、outside(放在文本外部)等等。
默认值是outside。
总结一下,CSS 控制列表样式主要使用了三个
属性:list-style-type、list-style-image、list-style-position。我们可以通过这些
属性来控制列表的样式,使之符合我们的要求。