怎么去除链接文字下面的横线?

来源：百度知道 编辑：UC知道 时间：2024/05/21 19:34:59
我做了一个页面,在文字上做了链接,文字下面的横线想要去掉,怎么办?

定义样式
a{text-decoration:none;｝
a:hover {text-decoration:underline;}

<a href="index.html">链接</a>
这样在页面中链接就没有下划线了
当鼠标经过的时候才会下划线
如果想鼠标经过的时候也不出现下划线，
可以把text-decoration:underline;设置为text-decoration:none;