怎样在css中设置链接鼠标移上去变换颜色的效果?

如图三处需要给文字加上链接,但鼠标移上去文字变换的颜色不一样,css代码应如何写,

链接1 要求鼠标放上去变为粉红色(链接本身为浅灰色)
链接2 要求鼠标放上去变为粉红色(链接本身为深灰色)
链接3 要求鼠标放上去变为深灰色(链接本身为粉红色)

感谢各位。能解决的追加。
如图

第1个回答  2010-07-29
在CSS中,分别给这3个链接的<a>标签设置不同的CSS样式。
我假设你对这三个链接已经给了各自的id: "linka" 、"linkb"、 "linkc"
然后对这3个链接进行CSS设置:
#linka a:hover{color:pink;}
#linkb a:hover{color:pink;}
#linkc a:hover{color:gray;}

这样即可。本回答被提问者采纳
第2个回答  2010-07-29
a1:hover:pink;
a2:hover:pink;
a3:hover:grey;

在CSS中如何实现鼠标移上去后,字体变颜色?
在CSS中,你可以通过简单的样式设置实现鼠标悬停时字体颜色的变化。以下是如何操作的步骤:首先,从头开始,打开你的HTML编辑器,新建一个文件,例如叫它"index.html"。在index.html的部分,添加

怎样设置鼠标移到链接上就变颜色?
1、做好一个链接 2、点击工具面板中CSS模式下的“+”,打开新建CSS样式面板 3、选择“复合内容”,选择a:link,表示正常链接时的样式。4、点击确定,打开样式设置面板,选择Color:#333,或别的你要的着色,确定。5、下面设置鼠标经过的文字色彩,还是参考第二步,打开新建CSS规则面板,选择“复合内容...

在CSS中如何实现鼠标移上去后,字体变颜色?
1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index.html。2、在index.html中的标签中,输入css代码:button {background-color: #00a7d0} button:hover {background-color: #ff7701}。3、当浏览器运行索引index.html页面中,出现蓝色背景颜色的按钮。4、将鼠标移到按钮上,按钮的背景颜色将...

鼠标滑过背景变色的css样式
设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过:hover,然后设置鼠标滑过时的背景颜色。如图 代码: .bg:hover{ background-color: burlywood; } 实用浏览器打开。保存好html后使用浏览器打开,在鼠标没有滑过div时背景是红色的,当鼠标滑过div的时候背景从红色变为了棕色。、所有代码,可把所有代码...

怎样在css中设置链接鼠标移上去变换颜色的效果?
在CSS中,分别给这3个链接的标签设置不同的CSS样式。\\x0d\\x0a我假设你对这三个链接已经给了各自的id: "linka" 、"linkb"、 "linkc"\\x0d\\x0a然后对这3个链接进行CSS设置:\\x0d\\x0a#linka a:hover{color:pink;}\\x0d\\x0a#linkb a:hover{color:pink;}\\x0d\\x0a#linkc a:...

在CSS中如何设置一个按钮鼠标划过变颜色。
1.打开你的HTML编辑器,新建一个空白文件,比如命名为"index.html"。2.在这个新创建的文件中,找到并添加标签,这将用于编写CSS样式。在标签内,编写如下代码:按钮 button:hover{ background-color:#ff7701;} 这里的代码设置了按钮的初始背景颜色为蓝色(#00a7d0),当鼠标悬停在按钮上时,背景颜色...

在CSS中如何设置一个按钮鼠标划过变颜色。
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:button {background-color: #00a7d0}button:hover {background-color: #ff7701}。3、浏览器运行index.html页面,此时显示出了蓝色背景颜色的按钮。4、将鼠标移入按钮,此时按钮的背景颜色变成了橙...

在CSS中如何实现鼠标移上去后,字体变颜色?
参照以下代码:写在标签内的鼠标经过的语句。查找更多代码,.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image\/login_2.jpg)'" ,一定要'url()',不然出错。确 认 ...

在CSS中如何实现鼠标移上去后,字体变颜色
} 这种是在同一个页面让某个连接显示出另外的颜色样式 A:link 是有连接的文字的颜色A:visited 已经访问的连接的颜色A:active 活动连接的颜色A:hover 鼠标经过的颜色 text-decoration: none; 在状态下无下划线 text-decoration: underline; 在状态下有下划线 color: #000000; 在状态下设置的颜色 ...

如何让鼠标点击过之后的链接字体颜色变化
让鼠标点击过后的链接字体、颜色发生变化,可以用css属性设置里的【a:visited 】属性 A伪类属性设置如下:a:link { }\/* 未访问的链接 *\/a:visited { }\/* 已访问的链接 *\/a:hover { }\/* 鼠标移动到链接上 *\/a:active { }\/* 选定的链接 *\/ 代码示例如下:A伪类a:link{ font-family:Verd...

相似回答