CSS中如何去掉li标签前面的小圆点

CSS去掉li标签前面的小圆点

ul li 代码示例

<ul>
        <li>西瓜li>
        <li>冬瓜li>
        <li>南瓜li>
        <li>北瓜li>
    ul>

运行示例图：

我们可以清楚地看到每个li前边都有一个小圆点

如何利用css去除小圆点 只需一行代码

		list-style: none;