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

等等，我昨天就在想这个问题。
那天，我在一家咖啡馆里，看着我旁边的女孩正在使用的笔记本电脑。
她正在修复按钮悬停效果。
她说她担心颜色突然变深。
当时我认为这可能与透明度有关，或者可能只是颜色覆盖问题。
然后我修改了代码并添加了过渡，颜色变化变得更加平滑。
这个演变是相当有趣的。
颜色不会一下子改变，而是慢慢改变。

如何用css实现鼠标移入时与鼠标移出时颜色相同,不使用js，，，急用，谢谢啊！

今天下午我创建了一个新测试。
文件放在计算机前，目的是在计算机上练习基本的 HTML 和 CSS 操作。
我打开文本编辑器并开始输入代码。
首先，我创建了一个 div 标签并给它一个 tid，如下所示：

然后我决定给他穿上漂亮的衣服，所以我在 head 标签中添加了 style 标签，并开始编写 CSS 样式。
我将 tid 宽度设置为 2 00px，高度设置为 2 0px，背景颜色设置为红色。
代码如下：
css 时间{ 宽度：2 00px； 高度：2 0px； 背景颜色：红色；
然后我想改变tid的背景颜色，所以我定义了一个newbg类，并将背景颜色设置为黄色：
css .newbg { 背景颜色：黄色；
为了添加一点交互性，我决定将鼠标事件绑定到 tid。
在文件 test 的 body 标签中。
我添加了 JavaScript 代码并定义了 myfun 函数。
该函数通过 getElementById 获取元素的 tid，然后将其 className 设置为 newbg，以便当您将鼠标悬停在 div 上时，其背景颜色变为黄色。

<脚本> 函数 myfun() { var div = document.getElementById('tid'); div.className = 'newbg'; } </脚本>
现在一切看起来都很好。
我保存了测试。
文件，双击打开它，将鼠标悬停在 div 元素上，背景颜色如预期的那样为黄色。
然而，我突然想到，如果我想让div在鼠标移动时恢复其红色背景，我需要在myfun函数中添加一些代码。
等等，还有一件事：我需要检查单击 div 时会发生什么。