CSS的 :hover 伪类用于在鼠标悬停时为元素应用样式。当鼠标悬停在元素上时，可以改变其颜色、背景、边框等属性，从而提供交互和视觉效果。
下面是土嘎嘎给出的一段例子代码，展示如何使用 :hover 伪类：
〓〓css代码如下：〓〓
/* 鼠标悬停时，改变文本颜色和背景色 */
.hover-example:hover {
color: red;
background-color: yellow;
}
/* 鼠标悬停时，显示边框 */
.hover-example:hover {
border: 1px solid blue;
}
/* 鼠标悬停时，旋转图像 */
.hover-example:hover img {
transform: rotate(45deg);
}
在上面的示例中， .hover-example 是一个类选择器，你可以将它应用于任何HTML元素。当鼠标悬停在这些元素上时，相关的样式将被应用。
第一个示例演示了如何在鼠标悬停时改变文本的颜色和背景色。使用 color 属性来改变文本颜色，使用 background-color 属性来改变背景色。
第二个示例展示了如何在鼠标悬停时显示边框。通过设置 border 属性来添加边框，并指定其样式、宽度和颜色。
最后一个示例展示了如何在鼠标悬停时旋转图像。通过使用 transform 属性和 rotate() 函数，可以实现元素的旋转效果。
这些示例只是 :hover 伪类的一小部分用法，你可以根据需要自由发挥，应用其他样式属性来创建更多的鼠标悬停效果。