CSS 提供了多种方式来控制列表的样式。其中,list-style-type
属性可以用来设置列表项的标记类型,常见的有实心圆点、空心圆点、数字等,例如:
ul {
list-style-type: disc; /* 实心圆点 */
}
ol {
list-style-type: decimal; /* 数字 */
}
除了标记类型,还可以设置标记位置、间距等样式。例如,list-style-position
属性可以用来设置标记的位置,常见的有内部(inside)和外部(outside)两种,例如:
ul {
list-style-position: inside; /* 标记在列表内部 */
}
ol {
list-style-position: outside; /* 标记在列表外部 */
}
此外,还可以使用 list-style-image
属性来为标记设置自定义的图片,例如:
ul {
list-style-image: url('bullet.png'); /* 自定义图片 */
}
另外,如果需要对嵌套列表进行样式控制,可以使用 ul ul
和 ol ol
这样的选择器来选择嵌套的列表,例如:
ul ul {
list-style-type: circle; /* 空心圆点 */
}
这样就可以将嵌套列表的标记类型修改为空心圆点了。需要注意的是,嵌套列表的样式会继承父级列表的样式,因此需要根据实际情况进行选择器的编写和样式的设置。