CSS鼠标移入变色效果

在Web设计中，使用CSS的鼠标移入变色效果可以使页面更加生动，提高用户体验。下面是一段使用CSS实现鼠标移入变色效果的代码示例：

/* 定义类名为hover的样式 */
.hover {
background-color: #FFCCCC; /* 鼠标移入时背景色变为粉色 */
}
/* 应用类名为hover的样式 */
.button {
padding: 10px;
background-color: #CCCCCC;
cursor: pointer;
}
.button:hover {
background-color: #FFCCCC; /* 鼠标移入时背景色变为粉色 */
}

上面的代码定义了一个类名为hover的样式，其中设置了背景色为粉色。然后在一个class为button的元素上应用了这个样式，当鼠标移入这个元素时，它的背景色会变为粉色。