html去掉小黑圆代码

如果你曾经在编写HTML页面的时候使用过列表，你可能会发现一个小黑圆点出现在每个列表项前面。而有时候，我们可能并不需要这个小黑圆点。那么如何去掉它呢？

  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>

在默认情况下，HTML中的无序列表（ul）和有序列表（ol）都会显示一个小黑圆点或数字，并且有一些间距。如果我们想要去掉这些小黑圆点，可以使用CSS样式。

首先，我们需要使用CSS选择器来定位那些需要去掉小黑圆点的列表。这里我们以无序列表为例：

  <style>
    ul{
      list-style:none; /*去掉小黑点*/
      padding:0; /*去掉列表项前面的空白*/
      margin:0; /*去掉列表周围的空白*/
    }
  </style>

如果你想要去掉有序列表中的数字，则可以将list-style值设为none，并将两个对应的padding和margin值设为0。

通过上述方法，我们就可以很轻松地在HTML页面中去掉各种列表前面的小黑圆点了。