/* 无序列表(ul) */ /* 实心圆点 */ ul { list-style-type: disc; } /* 空心圆点 */ ul { list-style-type: circle; } /* 方形 */ ul { list-style-type: square; } /* 有序列表(ol) */ /* 阿拉伯数字 */ ol { list-style-type: decimal; } /* 小写字母 */ ol { list-style-type: lower-alpha; } /* 大写字母 */ ol { list-style-type: upper-alpha; } /* 小写罗马数字 */ ol { list-style-type: lower-roman; } /* 大写罗马数字 */ ol { list-style-type: upper-roman; }
除了以上常用的列表样式,CSS还具有更丰富的样式设置,如自定义图片作为列表符号等,可以通过对list-style-image属性的设置来实现。列表样式的设置不仅可以美化页面,还能提高页面的可读性和易用性,帮助用户更好地理解网页内容。