在 HTML 中，列表主要有两种类型:

CSS 列表属性使您可以:

list-style-type 属性指定列表项标记的类型。

下例显示了一些可用的列表项标记:

ul.b {  list-style-type: square;}

ol.c {  list-style-type: upper-roman;}

ol.d {  list-style-type: lower-alpha;}

注意:有些值用于无序列表，有些值用于有序列表。

list-style-image 属性将图像指定为列表项标记:

list-style-position 属性指定列表项标记（项目符号）的位置。

"list-style-position: outside;" 表示项目符号点将在列表项之外。列表项每行的开头将垂直对齐。这是默认的:

"list-style-position: inside;" 表示项目符号将在列表项内。由于它是列表项的一部分，因此它将成为文本的一部分，并在开头推开文本:

ul.b {  list-style-position: inside;}

list-style-type:none 属性也可以用于删除标记/项目符号。请注意，列表还拥有默认的外边距和内边距。要删除此内容，请在 或 中添加 margin:0 和 padding:0 :

list-style 属性是一种简写属性。它用于在一条声明中设置所有列表属性:

在使用简写属性时，属性值的顺序为:

如果缺少上述属性值之一，则将插入缺失属性的默认值（如果有）。

我们还可以使用颜色设置列表样式，使它们看起来更有趣。

添加到 或 标记的任何样式都会影响整个列表，而添加到 标记的属性将影响各个列表项:

ul {  background: #3399ff;  padding: 20px;}

ol li {  background: #ffe5e5;  padding: 5px;  margin-left: 35px;}

ul li {  background: #cce5ff;  margin: 5px;}

结果:

带红色左边框的自定义列表 本例演示如何创建带有红色左边框的列表。

全屏宽度的边框列表 本例演示如何创建没有项目符号的带边框列表。

列表的所有不同列表项标记 本例演示了 CSS 中所有不同的列表项标记。