摘要：在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="456-5dd4-e822-6773-4d80 list-unstyled"> <li>列表项1</li> <li>列表项2</li> </ul>
以上是四种去掉HTML中li的点的方法，每种方法都有优缺点，视具体场景选择。希望对您有所帮助。
