css中列表样式的代码

CSS中的列表样式可以通过list-style属性来设置。list-style属性可以设置三个子属性：list-style-type、list-style-image和list-style-position。

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

- disc：实心圆点

- circle：空心圆点

- square：实心方块

- decimal：十进制数字

- lower-alpha：小写字母

- upper-alpha：大写字母

- lower-roman：小写罗马数字

- upper-roman：大写罗马数字

示例代码：

ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}

list-style-image属性用于设置列表项的标记图像。可以使用url()函数来指定一个图像的路径作为标记。也可以使用none值来表示不显示标记图像。

示例代码：

ul {
  list-style-image: url("bullet.png");
}
ol {
  list-style-image: none;
}

list-style-position属性用于设置列表项标记的位置。常用的取值有：

- inside：标记位于列表项的内部

- outside：标记位于列表项的外部

示例代码：

ul {
  list-style-position: inside;
}
ol {
  list-style-position: outside;
}

除了以上三个属性，还可以通过伪元素::before来自定义列表项的标记样式。通过设置content属性来指定标记的内容，通过设置display属性来指定标记的类型。

示例代码：

ul li::before {
  content: "?";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
ol li::before {
  content: counter(item) ".";
  display: inline-block;
  width: 20px;
  text-align: right;
  margin-right: 5px;
}

通过使用CSS中的列表样式，我们可以为列表项添加不同的标记类型、图像和位置，从而使列表在页面中更加美观和易于阅读。通过自定义标记样式，我们还可以实现更加个性化的效果。