在HTML中，<li> 标签通常用于表示无序列表（unordered list）中的列表项，默认情况下，大多数浏览器会给这些列表项添加一个点（圆点），以区分列表中的各个项目，有时候我们可能希望在页面设计中去除这些默认的点，以实现更个性化的样式，本文将介绍几种去除 <li> 标签中圆点的方法。
1、CSS列表样式属性（list-style-type）
CSS 提供了一个名为 list-style-type 的属性，可以用来控制列表项的样式，要去除圆点，可以将此属性设置为 none。
ul {
list-style-type: none;
}
这将移除 <ul>（无序列表）中所有 <li> 标签的圆点，同样的方法也适用于 <ol>（有序列表）标签，只需将 ul 替换为 ol 即可。
2、CSS列表样式通用属性（list-style）
除了 list-style-type 属性外，还有一个更通用的属性 list-style，它可以同时设置列表项的类型、图片和位置，要去除圆点，可以这样设置：
ul {
list-style: none;
}
这同样会移除 <ul> 标签中所有 <li> 标签的圆点。
3、CSS伪元素（::before 和 ::after）
在某些情况下，列表项的圆点可能不是由 <li> 标签直接生成的，而是由其父元素（如 <ul>）的伪元素（::before 或 ::after）生成的，在这种情况下，可以通过设置伪元素的 content 属性为空来去除圆点：
ul::before,
ul::after {
content: "";
}
这将确保 <ul> 标签的伪元素不会生成任何内容，从而去除圆点。
4、CSS重置样式
网站可能会使用一些框架或库，这些框架或库可能会为列表项添加默认的样式，在这种情况下，可以尝试重置这些样式，以去除圆点。
ul {
padding-left: 0;
}
这将移除 <ul> 标签的内边距，从而可能影响到圆点的显示。
5、浏览器兼容性
需要注意的是，不同浏览器可能会有不同的默认样式，在某些老旧的浏览器中，上述方法可能无法完全去除圆点，为了确保在所有浏览器中都能达到预期效果，建议进行充分的测试。
去除 <li> 标签中的圆点是一个简单但实用的技巧，可以让网页设计更加灵活和个性化，通过使用 CSS 的相关属性，我们可以轻松实现这一目标，在实际开发中，应根据项目需求和目标浏览器的兼容性来选择合适的方法。