如何写HTML代码让鼠标移动到链接上的时候，让颜色自动改变？

来源：百度知道 编辑：UC知道 时间：2024/06/07 09:05:39
写了一个链接，然后想要鼠标移动到链接上的时候该链接自动改变定义的颜色！

在dreamweaver中按ctrl+j选择“链接”那里有“链接颜色”“变换图像链接”“已访问链接”“活动链接”选择就可以了

一楼回答也对 但是可能理解起来有点复杂 给你个一目了然的

<style type="text/css">
a:link{color:#FFFFFF;} /* 未访问的链接颜色 */
a:visited{color:#FFFFFF;} /* 已访问的链接颜色 */
a:hover{color:#FFFF00;} /* 鼠标在链接上颜色 */
a:active{color:#00CC00;} /* 点击激活链接颜色 */
</style>

<A href="http://zhidao.baidu.com">百度知道</A>

将<style>部分放在你页面的<head>与</head>之间
<A>链接部分放在<body>区域 看一下效果吧

<style type="text/css">
.lk:link,.lk:active,.lk:visited{
color:gray;
}
.lk:hover{
color:blue;
}
</style>
<a href="" class="lk"></a>