css 去掉小圆点 串行

网页开发中经常会用到CSS样式，而如何去掉无序列表的小圆点，是CSS样式中的一个小技巧。

无序列表是用ul> 标签表示的，每一个列表项用li> 标签包裹，如果不进行任何样式调整，浏览器会默认显示小圆点。

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

在CSS中，可以通过list-style-type属性来设定列表符号的类型，比如ul{ list-style-type: circle; } 可以让无序列表显示为圆圈。

而去除无序列表的小圆点，最简单的方法是将list-style-type属性设置为none。示例如下：

style>
  ul {
        list-style-type: none;
  }
    /style>
    

当然，如果只想去除某一个无序列表的小圆点，可以给该列表添加一个特定的class，然后在CSS中使用该class来设定样式：

style>
  .no-bullet li{
        list-style-type: none;
  }
    /style>
    ul class="no-bullet">
      li>
    列表项1/li>
      li>
    列表项2/li>
      li>
    列表项3/li>
    /ul>
    

以上就是通过CSS如何去掉无序列表的小圆点的方法。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！