html怎么清除锚点样式

接下来介绍几种去除列表前面小圆点的方法。

1、在CSS中写上 list-style:none；通过这个属性，可以去除列表样式

ul{list-style: none}

效果图：

2、在CSS中加上 list-style-type: none ；和上一种方式一样，只是用了不同的属性。

ul{list-style-type: none}

3、在 li 标签里面直接加入列表样式，前面两个给了样式去除圆点，后面两个没给，还会显示出来。

<ul><li style="list-style-type: none">西施</li><li style="list-style-type: none">王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>

效果图：

4、当然，也可以给标签一个类名，在CSS中给样式，比如下列代码，只给第一个 li 标签样式，它自然就没有前面的圆点了。

HTML部分：

<ul><li class="a1">西施</li><li>王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>

CSS部分：

.a1{list-style-type: none}

效果图：

总结：以上介绍了CSS中如何去除列表样式，四种方法都可以使用，看个人习惯了，希望这个如何去除 li 前面的点的 教程可以帮助到你！

在HTML页面中总会遇到比较恼人的麻烦，比如a标签在浏览器下默认的下划线跟字体颜色：

1.在div标签中的a标签和在浏览器下的样式：

2.通过css查找到div里面的a标签，再通过text-decoration属性，去除默认下滑线，color属性添加颜色：

完工。

---