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 前面的点的 教程可以帮助到你！

在相关的页面找到head部分写入<style type="text/css">list-style:none</style>，给li加上  list-style-type:none这个样式就可以了消除黑点。具体步骤如下：

1.这个标签本身自带属性，前面有小圆点是它的实际的效果，如下图。

2.加上  li{list-style-type:none} 样式之后在页面上的显示效果。

扩展资料：

使用无序列表标签ul的type属性（使用CSS的list-style来代替），用户可以指定出现在列表项前的项目符号的样式，其取值以及相应的符号样式如下：

disc：指定项目符号为一个实心圆点（默认值是disc，是否使用该值在浏览器中效果都一样）；

circle：指定项目符号为一个空心圆点；

square：指定项目符号为一个实心方块；

none：无项目符号。

参考资料：无序列表_百度百科

去掉圆点步骤

1新建一个html文件

2在html文件创建一个和标签，为了便于效果在 标签输入一些内容。

3保存好html文件使用浏览器打开，会发现每行内容前面都自动带了小圆点。

4回到html代码页面，在标签后面输入标签，然后设置标签的list-style:non。

5保存好html代码文件后使用浏览器打开，发现标签前的小圆点不见了。

6页面所有代码，如有不明白可把所有代码复制到新建的html文件保存后运行即可看到效果。

---