如何在html中设置鼠标按下时超链接的颜色

如何在html中设置鼠标按下时超链接的颜色,第1张

如果是网页开发,可以自定义CSS;如果是要个性,可以在功能键--internet选项--常规--颜色里设置
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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10541936.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存