div+css中做链接时如何去掉下面的横线？

Question

如题所述

Answer 1

使用CSS样式可以去除链接中的下划线。示例代码如下，有注释，可以根据自己的需要修改，请参考：

<style>
    a:link { text-decoration: none; } /*正常情况下无下划线*/
    a:visited { text-decoration: none; } /*访问过的链接无下划线*/
    a:hover { text-decoration: underline; } /*鼠标指向时显示下划线*/
    a:active { text-decoration: underline; } /*鼠标按下时也显示*/
</style>

Answer 2

你直接在样式表中加入a{text-decoration:none;}即可。
但如果你想让a标签的某个属性有下划线，就可以再加入样式：

例如给a标签的a:hover加入样式：a:hover{text-decoration:underline;}

Answer 3

这么写
<a href="#" style="text-decoration: none">这个连接没横线</a>
如果想要所有连接都没横线
在全局css里
<style>
a{text-decoration: none;}
</style>
即可本回答被网友采纳