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

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

这种一般是借助hover事件,就是说当鼠标放到文字上时会触发一个事件,此时可以修改文字的样式。另外一种简单的办法就是直接用css的hover属性设置样式。 a.tt:hover {color: #FF0000;} test

参照以下代码:写在标签内的鼠标经过的语句。 查找更多代码,.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image/login_2.jpg)'" ,一定要'url()',不然出错。 ...

例如: 标签 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'); } 为了兼容低版本的IE6,并且不想用JS,那么你只能通过a:hover来实现...

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

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

首先要看LZ会不会写CSS。如果会的话,鼠标悬停在CSS中写为HOVER,鼠标触发在CSS中写为ACTIVE。 所以如下所写: a { color:red;} a:hover { color:black;} a:active { color:blue;} 在这其中,a 后面的color:red;=链接文字为红色,a:hover 的 col...

字体 css .test a{ width:100px; height:30px; background:red; color:#fff; display:block} .test a:hover{ background:#acddde; color:red}

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

下面是关于超级链接a的样式控制 a:link { color: #FF0000; /*连接默认的颜色变化*/ } a:visited { color: #0000FF; /*连接访问的颜色变化*/ } a:hover { color: #00FF00; /*鼠标经过的颜色变化*/ } a:active { color: #FFFF00; /*鼠标按下的颜色...

#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} #...

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