使用 CSS 设置列表

样式列表项有三种不同的属性:list-style-typelist-style-imagelist-style-position,它们应按该顺序声明。默认值分别为 disc,outside 和 none。每个属性都可以单独声明,或使用 list-style 速记属性。

list-style-type 定义用于每个列表项的项目符号点的形状或类型。

list-style-type 的一些可接受的值:

  • 圆盘
  • 广场
  • 十进制
  • 低罗马
  • 上罗马
  • 没有

(有关详尽列表,请参阅 W3C 规范 wiki

例如,要为每个列表项使用方形项目符号,你将使用以下属性 - 值对:

li {
    list-style-type: square;
}

所述 list-style-image 属性确定列表项图标是否被设定为一个图像,并接受 none 或指向的图像的 URL 的值。

li {
    list-style-image: url(images/bullet.png);
}

所述 list-style-position 属性定义,其中以定位列表项标记,它接受两个值之一:内部外部

li {
  list-style-position: inside;
}