html中黑色圆点的代码

在html中，有时我们需要添加一些符号或图标来进行装饰或提醒，比如我们经常看到的黑色圆点。那么如何在html中添加黑色圆点呢？下面是相关代码：

  <ul>
    <li>• 第一项</li>
    <li>• 第二项</li>
    <li>• 第三项</li>
  </ul>

在上述代码中，我们使用了ul和li标签来创建列表，并使用特殊字符“•”来代表黑色圆点。其中，ul表示无序列表，其下的li表示列表项，而“•”代表实心圆点符号，即黑色圆点。

如需改变圆点的颜色和大小，可以通过CSS样式来实现。比如：

  <style>
    li {
      list-style-type: none;
      position: relative;
      padding-left: 20px; 
      margin-bottom: 12px;
    }
    li::before {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: red;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  </style>
  <ul>
    <li> 第一项</li>
    <li> 第二项</li>
    <li> 第三项</li>
  </ul>

上述代码中，我们使用了CSS伪元素的before来添加圆点，设置其颜色、大小、形状等样式，并通过padding和margin来调整li和它的前面那个圆点的间距。

总的来说，在html中添加黑色圆点还是比较简单的，只需要在列表项中使用特殊符号“•”即可。如果要定制圆点样式，则需要使用CSS来实现。希望本文能够帮助大家了解黑色圆点相关的代码。