如何在HTML菜单项中移除圆点（项目符号）-html教程

本文介绍如何通过css去除html菜单（如ul/li结构）默认显示的圆点（项目符号），并提供简洁有效的解决方案，适用于导航栏、侧边菜单等常见场景。

在HTML中，使用

（无序列表）构建导航菜单时，浏览器会默认为每个
• 项渲染一个圆点（即项目符号），这在现代扁平化设计中往往显得冗余或与UI风格冲突。即使已通过 text-decoration: none 移除了链接下划线，该属性对列表符号完全无效——因为圆点属于列表样式（list-style），而非文本装饰。

  ✅ 正确解决方法是重置

  元素的列表样式：

  nav ul {
    list-style-type: none; /* 彻底移除圆点、方块等所有项目符号 */
    padding-left: 0;       /* 可选：清除默认左内边距，使菜单贴左对齐 */
    margin: 0;             /* 可选：重置默认外边距，便于精确控制布局 */
  }

  ? 注意事项：