在CSS中,list-style-type属性用于设置列表项的标记类型。它可以控制无序列表(
- )和有序列表(
- disc:默认值,显示为实心圆点。
- circle:显示为空心圆点。
- square:显示为实心方块。
- decimal:显示为数字(1, 2, 3...)。
- decimal-leading-zero:显示为带有前导零的数字(01, 02, 03...)。
- lower-roman:显示为小写罗马数字(i, ii, iii...)。
- upper-roman:显示为大写罗马数字(I, II, III...)。
- lower-alpha:显示为小写字母(a, b, c...)。
- upper-alpha:显示为大写字母(A, B, C...)。
- none:不显示标记。
- )中列表项的标记样式。
值
list-style-type属性可以接受以下值:
示例代码
-- - ---------------- ----- - -- - ---------------- -------- - --------- - ---------------- ------- - --------- - ---------------- ------------ -
在上面的示例中,我们设置了默认的无序列表和有序列表的标记类型,以及自定义类名为.custom
的列表的标记类型。
这样,通过使用list-style-type属性,我们可以轻松地控制列表项的标记样式,使页面的内容更加清晰和易于阅读。