如何设置列表项标记出现在 CSS 中的内容流中？

在 CSS 中，我们可以使用 list-style 属性来设置列表项标记的样式。这个属性有三个子属性：list-style-type、list-style-image 和 list-style-position。

list-style-type

list-style-type 用于设置列表项标记的类型，常用的类型有：

• none：表示不显示标记。
• disc：实心圆点。
• circle：空心圆。
• square：实心正方形。
• decimal：十进制数字。
• lower-roman：小写罗马数字。
• upper-roman：大写罗马数字。
• lower-alpha：小写字母。
• upper-alpha：大写字母。

例如，要设置有序列表的标记为数字，可以使用如下的 CSS 代码：

ol {
  list-style-type: decimal;
}

list-style-image

list-style-image 用于设置列表项标记的图片，可以使用任何 URL。

例如，要将有序列表的标记设置为一个图片，可以使用如下的 CSS 代码：

ol {
  list-style-image: url('list-marker.png');
}

list-style-position

list-style-position 用于设置列表项标记的位置，有两个值可选：inside 和 outside。

当值为 inside 时，标记出现在文本流内部；当值为 outside 时，标记出现在文本流外部。

例如，要将有序列表的标记放在文本内部，可以使用如下的 CSS 代码：

ol {
  list-style-position: inside;
}

以上就是在 CSS 中设置列表项标记出现在内容流中的方法，希望对你有所帮助！