可用::before伪元素替换默认圆点，先用list-style:none清除原生符号，再在li上设position:relative，通过::before绝对定位插入content字符并调整样式，配合margin-right或padding-left留白，以及padding-left和top:0.25em适配多行对齐。
可以用 ::before 伪元素替换默认圆点，关键在于清除原生标记并用内容+样式重绘。
先关闭浏览器自带的项目符号，否则会和自定义符号重叠：
list-style: none; —— 最直接的方式，彻底移除原生标记list-style-type: none;（仅去类型，不处理图像或位置）给 li 元素添加伪元素，通过 content 插入字符或图标，并控制位置和样式：
position: relative; 在 li 上，方便绝对定位符号::before 设为 position: absolute;，用 left 和 top 调整位置content: "•";、"→"、"✓" 或 Unicode 图标（如 "\2713"）font-size、color、line-height 等精细控制外观自定义符号后，文字容易紧贴符号，需留出呼吸感：
立即学习“前端免费学习笔记（深入）”；
::before 设 margin-right: 8px;（推荐用 margin 而非 padding）left: -16px; + padding-left: 16px; 实现悬挂缩进效果font-family 正确，且设置 display: inline-block; 防止换行错位当 li 内容换行时，避免第二行顶到符号下方：
li 加 padding-left: 24px;（略大于符号宽度）::before 使用 top: 0.25em; 对齐文本基线，而非 top: 0;
vertical-align: middle;（配合 display: inline-block;）提升垂直一致性
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
857
收藏
取消收藏
