如何在CSS中完全自定义无序列表的样式？

在CSS中，你可以通过修改`list-style`属性来完全自定义无序列表的样式。`list-style`属性允许你控制列表项目的标记（符号），位置以及是否显示。以下是几个常见的选项：

1. **改变标记样式**：
- `none`: 取消所有标记，使得列表项看起来像纯文本。
- `disc`, `circle`, `square`: 分别对应空心圆、实心圆和方块作为标记。
- `decimal`, `lower-alpha`, `upper-alpha`, `lower-roman`, `upper-roman`: 数字或字母的数字编号格式。

2. **控制标记的位置**：
- `inside`: 标记放在文本前部（默认）。
- `outside`: 标记放在文本之后。

3. **更改标记的大小和颜色**：
- `list-style-image`: 设置自定义图片作为标记。
- `list-style-color`: 更改标记的颜色。

下面是一个例子，展示如何创建一个无序列表，并将其设置为无边距，文本左对齐，且没有内置标记：

ul.custom-list {
    margin: 0; /* 移除外边距 */
    padding: 0; /* 移除内边距 */
    list-style: none; /* 删除内置标记 */
    text-align: left; /* 文本左对齐 */
}

.custom-list li {
    display: block; /* 如果使用inline，默认项会并排，此处改为block使其独占一行 */
}

在HTML中应用这个样式：

<ul class="custom-list">
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>