直接在ul的style属性中写list-style-type: none可去除圆点，但需同步设置padding-left: 0和margin: 0以消除默认缩进与白边；嵌套ul需单独处理，因该属性不继承。
直接在 ul 的 style 属性里写 list-style-type: none 就能去圆点
这是最轻量、无需额外 CSS 文件或 class 的做法，适合快速调试或单次使用。写法是：<ul style="list-style-type: none;">。注意必须作用于 ul 元素本身，写在 li 上无效——因为 list-style-type 是继承属性，但浏览器默认只在 ul / ol 级别触发渲染逻辑。
list-style-type: none 和 list-style: none 别混用
两者都能去圆点，但行为不同：
-
list-style-type: none只关掉符号（圆点/数字），保留list-style-position和list-style-image原值，后续加自定义图标更可控 -
list-style: none是简写，等价于list-style-type: none; list-style-position: outside; list-style-image: none;，会强行重置所有子属性 - 如果父级或框架（如 Bootstrap）设了
list-style-image: url("arrow.svg")，用list-style: none会把它覆盖掉；而list-style-type: none不碰图片，更安全
去完圆点后，左边还空一截？那是 padding 不是圆点
圆点只是视觉符号，真正造成“缩进”的是 ul 默认的 padding-left（通常 40px）。只设 list-style-type: none 不影响它。所以常见现象是：圆点没了，文字却没贴左边缘。
- 必须同步清
padding-left: 0，否则视觉上还是“有空隙” -
margin也常被忽略：ul默认有margin-top和margin-bottom（Chrome 是 1em），会导致上下白边 - 完整内联写法示例：
<ul style="list-style-type: none; padding-left: 0; margin: 0;">
嵌套列表里子 ul 还有圆点？得单独处理
list-style-type 不继承，但子 ul 会用自己的默认样式。只给外层 ul 加 list-style-type: none，对里面嵌套的 ul 没 effect。
立即学习“前端免费学习笔记（深入）”；
- 如果结构是
<ul><li><ul><li>...</li></ul></li></ul>，子ul仍显示圆点 - 解决方法：用选择器精准命中，比如
ul.no-bullet ul { list-style-type: none; }，或内联时给每个ul都加style - 更稳妥的做法是用类名控制整块区域：
<nav class="menu"><ul>...</ul></nav>，再写.menu ul { list-style-type: none; padding-left: 0; margin: 0; }
padding-left 和嵌套层级还在起作用——看着像好了，一上真机或换浏览器，缩进和二级圆点就冒出来。 
