可以将所要变色的文字放进一个标签里，比如<p>标签，让后对这个标签添加一个hover属性，即当鼠标停留在这个标签上时会触发设定好的效果。以下演示具体步骤。
1、打开一个HTML文件，添加好基本标签并在body标签里添加p标签，并在p标签里添加所要变色的文字。
2、接下来对p标签添加css样式，并添加hover属性。当鼠标悬停在p标签上时间文字变为红色，大小变为60px。
3、编辑好后保存在浏览器中执行该HTML文件，鼠标悬停在文字上即可看到效果了。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-09-18
link 链接
visited 已访问的
hover 鼠标悬停的
active 活动的
<html>
<head>
<title></title>
<style>
/*你要的代码*/
a {color:black;}
a:hover {color:red;}
/*你要的代码*/
</style>
</head>
<body>
<a href="#" target="_self">Baidu</a>
</body>
</html>本回答被提问者采纳
visited 已访问的
hover 鼠标悬停的
active 活动的
<html>
<head>
<title></title>
<style>
/*你要的代码*/
a {color:black;}
a:hover {color:red;}
/*你要的代码*/
</style>
</head>
<body>
<a href="#" target="_self">Baidu</a>
</body>
</html>本回答被提问者采纳
第2个回答 2020-03-24
link
链接
visited
已访问的
hover
鼠标悬停的
active
活动的
<html>
<head>
<title></title>
<style>
/*你要的代码*/
a
{color:black;}
a:hover
{color:red;}
/*你要的代码*/
</style>
</head>
<body>
<a
href="#"
target="_self">Baidu</a>
</body>
</html>
链接
visited
已访问的
hover
鼠标悬停的
active
活动的
<html>
<head>
<title></title>
<style>
/*你要的代码*/
a
{color:black;}
a:hover
{color:red;}
/*你要的代码*/
</style>
</head>
<body>
<a
href="#"
target="_self">Baidu</a>
</body>
</html>
第3个回答 2019-10-30
a:hover{
background-color: blue;
background-color: blue;
第4个回答 2018-06-20
也可以使用鼠标事件绑定：
<a onmouseover="this.style.color='red'" onmouseout="this.style.color='black'" href="#" >linked</a>
<a onmouseover="this.style.color='red'" onmouseout="this.style.color='black'" href="#" >linked</a>
相似回答