a{text-decoration: underline;} /链接无下划线none,有为underline/
a:link {color: #00007f;text-decoration: underline;} /未访问的链接 /
a:visited {color: #65038e;text-decoration: underline;} /已访问的链接/
a:hover{color: #ff0000;text-decoration: underline;} /鼠标在链接上 /
a:active {color: #ff0000;text-decoration: underline} /点击激活链接/a:link {
color:#FF0000;
text-decoration:underline;
}这个是设置超链接字体颜色,并且去掉下划线。
a:visited {
color:#00FF00;
text-decoration:none;
}
这个是已经访问的链接之后的颜色,颜色你可以随便设置。<!DOCTYPE HTML>
<html>
<head>
<meta >添加css样式就可以实现,可以给超链接标签添加颜色:
color='red'
;
去掉下划线:text-decoration='none'
。
代码是:
<a href="#" style="color:red;text-decoration:none;" >测试超链接</a><div><a href="#" id="link">点我改变颜色</a></div>
<script>
var link=documentgetElementById("link");//获取a对象
linkonclick=function(){//a 标签点击时调用的函数
thisparentNodestylebackgroundColor="#f00";//a标签的父级元素即div改变背景颜色
return false;//取消a标签的默认跳转方式
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)