要在 HTML 中去掉 ul 和 li 标签中的点，可以采取以下步骤：使用 CSS 样式列表类型 none：ul, li { list-style-type: none; }。使用 before 伪元素和 content 属性：li { position: relative; padding-left: 1em; }，li:before { content: “”; position: absolute; left: 0; top: 0.2em; width: 0.5em; height: 0.
如何在 HTML 中去掉 ul 和 li 标签中的点
在 HTML 中，ul（无序列表）和 li（列表项）标签通常会显示一个圆形小点作为标记。如果需要去掉这些点，可以使用 CSS 样式表。
方法：
使用列表样式类型 none：
立即学习“前端免费学习笔记（深入）”；
ul, li { list-style-type: none;}
登录后复制
使用 before 伪元素和 content 属性：
li { position: relative; padding-left: 1em;}li:before { content: ""; position: absolute; left: 0; top: 0.2em; width: 0.5em; height: 0.5em; background-color: #000; border-radius: 50%;}
登录后复制
使用示例：
- 项目 1
- 项目 2
- 项目 3
登录后复制
ul, li { list-style-type: none; // 使用列表样式类型 none}
登录后复制
效果：
圆形小点将被移除，并创建带有纯文本内容的无序列表。
注意：
上面提供的解决方案只适用于 Firefox、Chrome 和 Safari 等现代浏览器。对于 Internet Explorer 等较旧浏览器，可能需要使用额外的 hack 或 JavaScript 来实现相同的效果。
以上就是html中ul和li标签的点怎么去掉的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2811816.html
