在CSS中如何实现鼠标移上去后,字体变颜色?

如题所述

参照以下代码:
写在标签内的鼠标经过的语句。

<p>查找更多代码,.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image/login_2.jpg)'" ,一定要'url()',不然出错。

<div  class="cbt2" onMouseOver="this.className='cbt1'" onMouseOut="this.className='cbt2'"><span class="btsue" onMouseOver=" this.style.color='#FFFFFF'" onMouseOut="this.style.color='#0066cc'" >确 认</span></div>

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-05-19
CSS鼠标hover样式:
element:hover{ color:#ffff00; }
element是需要变颜色的元素,加上:hover后属性写需要改变的颜色。
在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个回答  2020-12-31

1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index.html。

2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中,出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上,按钮的背景颜色将变为橙色。

本回答被网友采纳
第3个回答  推荐于2017-10-07
CSS鼠标hover样式:

element:hover{ color:#ffff00; }
element是需要变颜色的元素,加上:hover后属性写需要改变的颜色。
第4个回答  2019-12-23
你说的这一个软件中想要舒适不要的移动来体验字体的变化就需要设置出这样一个特殊的模式就可以了
相似回答