做一个鼠标在文本上时文本变色的css代码

可以使用CSS的:hover伪类来实现鼠标悬停时文本变色的效果。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .text {
      color: black; /* 初始文本颜色 */
    }
    
    .text:hover {
      color: red; /* 鼠标悬停时文本颜色 */
    }
  </style>
</head>
<body>
  <p class="text">鼠标悬停时文本会变色</p>
</body>
</html>

在上面的代码中，我们使用了一个带有text类的<p>标签作为文本容器。然后，我们在CSS中定义了.text类的样式，其中color属性设置为初始的文本颜色（这里是黑色）。接着，我们使用:hover伪类来定义.text:hover类的样式，将文本颜色设置为悬停时的颜色（这里是红色）。

当鼠标悬停在文本上时，文本的颜色会从初始颜色变为悬停颜色。