CSS list-style-type 属性

在CSS中,list-style-type属性用于设置列表项的标记类型。它可以控制无序列表 ul 和有序列表 ol 中列表项的标记样式。

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:不显示标记。

示例代码

-- -------------------- ---- -------
-- -
  ---------------- -----
-

-- -
  ---------------- --------
-

--------- -
  ---------------- -------
-

--------- -
  ---------------- ------------
-

在上面的示例中,我们设置了默认的无序列表和有序列表的标记类型,以及自定义类名为.custom的列表的标记类型。

这样,通过使用list-style-type属性,我们可以轻松地控制列表项的标记样式,使页面的内容更加清晰和易于阅读。

纠错
反馈
QR Code

微信搜一搜

搜索 JavaScript