UI中list-style的作用

`list-style`属性用于设置列表项的标记样式，它可以应用在任何元素上，不仅仅是 `<ul>` 和 `<ol>` 元素。

`list-style` 属性的常用值包括：

- `list-style-type`：用于设置列表项标记的类型，常见的类型有实心圆点、空心圆点、实心方块、空心方块、罗马数字、小写字母、大写字母等。
- `list-style-position`：用于设置列表项标记的位置，常见的位置有内部（在文本之前）和外部（在文本之外）。
- `list-style-image`：用于设置自定义列表项标记的图像，可以使用 URL 指定图片的地址。

例如，下面的 CSS 规则会将无序列表的标记样式设置为实心圆点，且标记位于列表项文本之前：

ul {
  list-style: disc inside;
}

这会让无序列表看起来像这样：

- 列表项 1
- 列表项 2
- 列表项 3

注意，如果想要将列表项标记样式应用于非列表元素，需要将 display 属性设置为 list-item。例如，下面的 CSS 规则会将一个 div 元素的标记样式设置为实心方块：

div {
  display: list-item;
  list-style: square inside;
}

这会让 div 元素看起来像这样：

□ div 元素