在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>
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;}
1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index.html。
2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、当浏览器运行索引index.html页面中,出现蓝色背景颜色的按钮。
4、将鼠标移到按钮上,按钮的背景颜色将变为橙色。
element:hover{ color:#ffff00; }
element是需要变颜色的元素,加上:hover后属性写需要改变的颜色。