Html代码问题：用鼠标悬停在文字上文字的颜色就变颜色的效果是怎么弄的？

新浪首页中大量的文字都有这种效果，不知是怎么弄得？

举报该问题

推荐答案推荐于2017-11-28

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

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/dPhBRBh5P.html

第1个回答 2017-08-22

<span class="text">一段文字</span>

.text:hover {color: red;} /* 鼠标悬停时文字变红色 */

相似回答

如何让鼠标悬停时文字自动变颜色答：1、新建html文件，在body标签中添加一个div标签，div标签里面嵌套一个p标签，然后添加p标签内容，这里以“演示文本”为例：2、在head标签中添加style标签，然后在style标签中给p标签设置预先显示样式，预先是先不显示的，所以给p标签设置的属性代码是“p {display: none; }”；再给div设置宽和高，这里...

Html代码问题:用鼠标悬停在文字上文字的颜色就变颜色的效果是怎么弄的...答：这种一般是借助hover事件，就是说当鼠标放到文字上时会触发一个事件，此时可以修改文字的样式。另外一种简单的办法就是直接用css的hover属性设置样式。a.tt:hover {color: #FF0000;} <a class="tt" href="test.html">test</a>

在CSS中如何实现鼠标移上去后,字体变颜色?答：在CSS中，你可以通过简单的样式设置实现鼠标悬停时字体颜色的变化。以下是如何操作的步骤：首先，从头开始，打开你的HTML编辑器，新建一个文件，例如叫它"index.html"。在index.html的部分，添加标签，这是存放CSS代码的地方。在这里，你可以为字体颜色设置一个基础样式。比如，你可以这样写：button{color:...

大家正在搜

设置鼠标悬停时图像的提示文字鼠标悬浮在图片上显示文字鼠标悬停图片显示文字 js鼠标悬停显示文字按钮鼠标悬停显示文字鼠标按下出现鼠标悬停 css鼠标悬停文字时显示图片鼠标悬停效果实现鼠标悬停代码

Html代码问题：用鼠标悬停在文字上文字的颜色就变颜色的效果...

用HTML怎么设置：当鼠标放在字上面的时候，字体就变色

html鼠标滑过文字变色求最简单的方法！！

html如何实现鼠标悬停显示文字，鼠标移走文字消失。

怎么改变鼠标悬停(a:hover)时文字的颜色

css里鼠标悬停变色怎么弄

css里，链接<a>，当鼠标放上去和点击时，字体都是原来颜色...

html5当鼠标悬浮在图片上时,这个标签里的所有文字都变色