html 的列表标签的圆怎么实心

HTML 中的无序列表（`<ul>`）默认会显示为一系列空心的项目符号（如点或方块），如果想要实心圆点作为列表项的标记，你可以通过 CSS 来自定义样式。以下是步骤：

1. 首先，在 HTML 里创建一个无序列表：

<ul class="filled-circles">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

2. 然后，在 CSS 文件中添加样式：

.filled-circles {
  list-style-type: disc; /* 保留使用圆点 */
  -webkit-list-style-image: none; /* 移除浏览器默认的空心圆点图标 */
  list-style-position: inside; /* 保持圆点在内容内侧 */
}

.filled-circles li::before {
  content: "\2022"; /* 使用 Unicode 实心点字符 */
  display: inline-block;
  width: 1em; /* 设置圆点宽度 */
  margin-right: 0.5em; /* 与文字之间留些间距 */
}

或者，如果你的项目支持老版本浏览器，可以使用 `background-image` 属性：

.filled-circles li::before {
  content: "";
  background-color: #000; /* 设置背景颜色为黑色（这里举例，你可以调整颜色） */
  border-radius: 50%; /* 让圆点看起来更圆 */
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
}