html代码加黑点设置

HTML代码加黑点设置

很多时候，我们需要为HTML文本添加列表或序号，以分隔不同的内容，并使它们更加易于理解。黑点是HTML列表中最常用的符号之一，因为它可以用来创建无序列表。

使用HTML添加黑点有两种方法：

1.使用无序列表标签

。在这个标签中，您可以使用
• 标记每个项目：
  • 第一项
  • 第二项
  • 第三项

  这将显示为：

  • 第一项
  • 第二项
  • 第三项

  2.使用特殊字符。黑点字符是一个UTF-8编码字符 (U+2022)。要在HTML 中使用黑点，您可以使用 • 字符代码，如下所示：

  • • 第一项
  • • 第二项
  • • 第三项

  这将显示为：

  • • 第一项
  • • 第二项
  • • 第三项

  您可以通过CSS样式更改黑点的大小、颜色和位置：

  ul {
      list-style-type: none; /* 隐藏原始黑点 */
      padding-left: 0; /* 删除列表左侧填充 */
  }
  li:before {
      content: "\2022"; /* 配置自定义黑点 */
      font-size: 20px; /* 更改大小 */
      color: #ff0000; /* 更改颜色 */
      margin-right: 10px; /* 添加间距 */
  }