ntjm.net
当前位置:首页 >> 在CSS中如何实现鼠标移上去后,字体变颜色? >>

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

鼠标移动到标签上,标签内容的字体颜色(样式)发生改变,其中一种常用的方法是使用CSS的伪类:hover来完成。举例如下: HTML代码: 这是一段测试文字,我的默认颜色是蓝色。CSS代码: p{ color: blue;}p:hover{ color: red;}初始化运行结果: 鼠...

div:hover{ color: #000; } 注:div 和 #000 只是举例, div是你鼠标移入到装载字体的标签上,#000是你鼠标移入后需要更改的颜色,div #000均可改变

这个实现非常容易,你用a标签的hover伪类就可以了。 例如: 标签 a{ color:#000; display:block; width:100px; height:100px; background:url('a.jpg') no-repeat 0 0; } a:hover{ color:#red; background-image:#ulr('b.jpg'); } 为了兼容低版...

添加css样式:a:hover:鼠标移上去变色

按你的思路帮你改好了,如下: Document .anniu input.style1{ background-color: #99FF99; } .anniu input.style2{ background-color: #FF9999; }你原来的内容里有两个错误: 1,anniu那个div你写成了,应该是 2,CSS里用.anniu input.style1来...

这是设置下a标签就行了,比如: 无标题文档 a{ color:#000; text-decoration:none;} a:hover{ color:#F00;} .menu{ width:1004px; height:30px; background: #999;} .menu ul{ padding:0; margin:0; list-style:none;} .menu ul li{ float:left;...

a:hover{color:文字颜色;background-color:背景颜色}

#main {POSITION:relative; width:1000px; height:860px; left:50%; margin-left:-500px} #main .test {float:left; width:320px; height:200px; margin:8px 5px; text-align:center; line-height:200px; color:#444; background-color:#dde} #...

首先需要找到这段字所在的标签,(如标签) 之后设置当鼠标悬浮在该标签上时的样式,在css样式表中声明选择器 标签:hover(如p:hover) x:hover为伪类样式,hover表示鼠标悬浮在这一标签上时 最后在{}中添加设置字体大孝颜色的代码(如 color:red;) --...

网站首页 | 网站地图
All rights reserved Powered by www.ntjm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com