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均可改变

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

link 链接 visited 已访问的 hover 鼠标悬停的 active 活动的 /*你要的代码*/ a {color:black;} a:hover {color:red;} /*你要的代码*/ Baidu

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

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

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

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

a:visited{color:#ff0000}

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