html如何去掉li点

以下是几种方法来去掉列表项前的点：

### 1. 使用CSS的`list-style-type`属性

最简单的方法是使用CSS的`list-style-type`属性，并将其设置为`none`，这样可以直接去掉项列表前的点或数字。

```html

• 列表项1
• 列表项2
• 列表项3

1. 列表项1
2. 列表项2
3. 列表项3

```

### 2. 使用CSS的`list-style`属性

`list-style`属性是一个简写属性，它允许你一次性设置`list-style-type`、`list-style-position`和`list-style-image`，同样，你可以将`list-style-type`设置为`none`来去掉点或数字。

```html

• 列表项1
• 列表项2
• 列表项3

1. 列表项1
2. 列表项2
3. 列表项3

```

### 3. 使用CSS的`padding-left`和自定义图标

如果你想要完全自定义列表的外观，包括去掉点的同时增加一些自定义的图标或者间距，可以通过`padding-left`属性来增加空间，并使用背景图像或者伪元素来添加自定义图标。

```html

• 列表项1
• 列表项2
• 列表项3

```

### 4. 使用CSS的`counter-reset`和`counter-increment`属性

如果你想要更复杂的列表样式，比如自定义数字或者字母，可以使用CSS的计数器系统。

```html

1. 列表项1
2. 列表项2
3. 列表项3

```

通过这些方法，你可以根据自己的需求去掉列表项前的点或者数字，并且可以进一步自定义列表的外观，CSS提供了强大的样式控制能力，使得你可以轻松地实现这些效果。