css 怎么去掉ul里的点

CSS 是前端开发中不可或缺的一部分，但有时候会遇到一些小问题，比如如何去掉无序列表（ul）里面的点，接下来我们来介绍一下如何解决这个问题。

首先我们先来看一下原本的 ul 的样式：

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

默认情况下，无序列表会有一个小圆点作为标记，如果我们想要去掉这个小圆点，可以使用 CSS 的 list-style 属性。该属性控制列表项的标记样式，可接受的值有以下几种：

• disc（实心圆点）
• circle（空心圆点）
• square（实心正方形）
• decimal（数字）
• lower-roman（小写罗马数字）
• upper-roman（大写罗马数字）
• none（没有标记）

在我们的案例中，我们想要去掉小圆点，我们只需要将 list-style 属性设置为 none 就可以了，如下所示：

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

这样，我们就成功地去掉了 ul 中的小圆点，现在 ul 的样式应该如下所示：

  ul style="list-style:none;
    ">
        li>
    列表1/li>
        li>
    列表2/li>
        li>
    列表3/li>
      /ul>
    

总结一下，要去掉无序列表中的小圆点，只需要使用 CSS 的 list-style 属性，将其设置为 none 即可。

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