[分享]css取消超链接前的点

使用CSS取消超链接前的点超链接（a标签）是网页中常用的元素，通过给超链接添加href属性，可以让用户点击跳转到其他页面或者下载文件。但是，有时候我们会发现一个问题，就是超链接前面会有一个点，这是因为...

使用CSS取消超链接前的点
超链接（a标签）是网页中常用的元素，通过给超链接添加href属性，可以让用户点击跳转到其他页面或者下载文件。但是，有时候我们会发现一个问题，就是超链接前面会有一个点，这是因为浏览器默认给超链接添加了一个list-style属性。
如果你不想要这个点，可以通过使用CSS来取消它。
取消超链接前的点有两种方式：
1.使用list-style
.list-nostyle{
list-style:none;
}
我们可以给a标签的父元素添加一个class，然后设置list-style:none，这样就可以取消超链接前的点了。
例如：

<br> <br>
    <p class="list-nostyle"><br>
      <a href="#">跳转链接</a><br>
    </p><br> 

2.使用text-decoration
a标签有一个常用的属性是text-decoration，通过这个属性可以设置文字的下划线、删除线等样式，也可以用来取消超链接前的点。
a{
text-decoration:none;
}
我们可以直接给a标签设置text-decoration:none，这样就可以取消超链接前的点了。
例如：

<br> <br>
    <p><br>
      <a href="#" style="text-decoration:none;">跳转链接</a><br>
    </p><br> 

总结
通过以上两种方式，我们可以轻松地取消超链接前的点。如果你还有其他问题，欢迎在评论区留言，我们一起来探讨。