今天我们将学习CSS的一个非常有趣的效果，那就是当鼠标指上去时文字变红色。通过这种效果，我们可以增强网站的交互性，并且使得页面更加生动活泼。
实现这个效果其实非常简单，只需要使用CSS的:hover伪类即可。
首先，我们需要在CSS中进行样式设置，将鼠标指上去时的字体颜色设为红色，代码如下：
pre {
color: black;
background-color: #f9f9f9;
padding: 15px;
border: 1px solid #ddd;
overflow: auto;
}
p:hover {
color: red;
}
在上面的代码中，我们使用了一个p元素，并在:hover伪类中设置了字体颜色为红色。这样，当鼠标指上去时，字体颜色就会变为红色。
此外，我们还设置了一些其他样式，比如背景颜色、内边距和边框等等。这些样式都可以按照自己的需求进行调整。
最后，将上述CSS代码保存为一个样式表文件，然后在HTML文档中引入即可。在需要应用这个效果的文本段落中，将它们用p元素包裹起来即可。
总的来说，通过使用CSS的:hover伪类，我们可以轻松地实现鼠标指上去字变红的效果，从而为网站增加更多的交互效果和生动感。
上一篇：css折叠菜单怎么用
下一篇：JavaScript中列表键如何定义
