如何去掉html中li的点？

1.软文推荐

2.软文推荐

3.软文推荐

摘要：在HTML中，列表项通常以圆点的形式显示，但有时我们希望去掉这个圆点。本文从CSS样式、JavaScript脚本、直接HTML标签和响应式框架四个方面，详细讲解了如何去掉HTML中li的点。

图片：

一、CSS样式

1、使用CSS的list-style:none;

将列表项样式设为none可以去掉圆点，并使文本靠左对齐。

2、使用CSS的list-style-type:none;

同样可以去掉圆点，但保留文本缩进，使文本整齐排列。

二、JavaScript脚本

1、使用JavaScript修改样式

通过JavaScript可以动态修改样式，将列表项样式设为none即可去掉圆点。

2、使用JavaScript删除标签

可以使用JavaScript删除li标签，再通过CSS将文本居中、左对齐等。

三、直接HTML标签

1、使用无序列表ul和内联样式style

通过给ul标签添加style属性，设置list-style:none;可以去掉圆点，详细见下：

<ul style="list-style:none;"> <li>列表项1</li> <li>列表项2</li> </ul>

2、使用无序列表ul和内嵌样式style

通过给ul标签嵌入style标签，设置list-style:none;可以去掉圆点，详细见下：

<ul> <style> ul { list-style: none; } </style> <li>列表项1</li> <li>列表项2</li> </ul> 四、响应式框架

一些响应式框架，像Bootstrap、Foundation等，提供了去掉列表项圆点的CSS类。让我们直接使用这些CSS样式，详细见下：

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

以上是四种去掉HTML中li的点的方法，每种方法都有优缺点，视具体场景选择。希望对您有所帮助。