CSS list-style 属性用于设置列表的符号样式,如点、数字或图片等。此属性是 list-style-type、list-style-image 和 list-style-position 这三个子属性的缩写。
以下是 list-style 的语法:
list-style: list-style-type list-style-position list-style-image;
其中:
list-style-type:指定列表项的符号类型,如圆点、数字、小写字母等。
list-style-position:指定列表项符号的位置,可以是内部(在文本前面)或外部(在文本左侧)。
list-style-image:指定列表项符号的图片,可以是 URL 或者 none(不显示)。
例如,以下代码将无序列表的符号样式设置为圆点(默认),符号位置设置为外部,并且不使用任何图片作为符号:
ul {
list-style: outside;
}
另外,可以使用 list-style-type 子属性来设置列表项的符号类型,如下所示:
ul {
list-style-type: disc; /* 设置列表项符号为圆点(默认) */
}ol {
list-style-type: decimal; /* 设置列表项符号为数字 */
}
您还可以使用 list-style-image 子属性来指定列表项符号的图片,如下所示:
ul {
list-style-image: url('list-bullet.png'); /* 使用图片作为列表项符号 */
}
总之,list-style 属性是一个非常方便的属性,它允许您同时设置列表项符号的类型、位置和图片。