在网页中很多地方都会用到列表,例如导航菜单、新闻列表、商品分类等等。您除了可以使用 HTML 中的一些属性来对列表进行简单的设置外,在 CSS 中也提供了几种专门用来设置和格式化列表的属性,如下所示:
list-style-type:设置列表项前面标记的形状(外观);
list-style-position:设置标记和列表中文本之间的距离;
list-style-image:使用图像代替默认的标记;
list-style:统一设置上面的三个属性。
使用 list-style-type 属性可以设置列表中每个列表项前标记的样式,属性的可选值如下:
【示例】使用 list-style-type 属性改变无序列表、有序列表中列表项前标记的样式:
运行结果如下图所示: