网页制作,请教超级连接下面的横线怎么去掉呢?
发布网友
发布时间：2022-10-03 10:55
共2个回答
热心网友
时间：2023-10-10 04:55
我们最常用的是4种a（锚）元素的伪类，它表示动态链接在4种不同的状态：link、visited、active、hover（未访问的链接、已访问的链接、激活链接和鼠标停留在链接上）。我们把它们分别定义不同的效果：
a:link
{color:
#FF0000;
text-decoration:
none}
/*
未访问的链接
*/
a:visited
{color:
#00FF00;
text-decoration:
none}
/*
已访问的链接
*/
a:hover
{color:
#FF00FF;
text-decoration:
underline}
/*
鼠标在链接上
*/
a:active
{color:
#0000FF;
text-decoration:
underline}
/*
激活链接
*/
（上面这个例子中，这个链接未访问时的颜色是红色并无下划线，访问后是绿色并无下划线，激活链接时为蓝色并有下划线，鼠标在链接上时为紫色并有下划线）
注意：有时这个链接访问前鼠标指向链接时有效果，而链接访问后鼠标再次指向链接时却无效果了。这是因为你把a:hover放在了a:visited的前面，这样的话由于后面的优先级高，当访问链接后就忽略了a:hover的效果。所以根据叠层顺序，我们在定义这些链接样式时，一定要按照a:link，
a:visited，
a:hover，
a:actived的顺序书写
热心网友
时间：2023-10-10 04:55
<a href=这里放地址>这里是文字</a>
<a href=01.jpg><img src=这里是图片的相对地址></img></a>
CSS文件
a{ text-decoration:none}
鼠标悬停出现下划线
a:hover{ text-decoration:underline}
希望能帮到你
