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的元素上應用了這個樣式，當鼠標移入這個元素時，它的背景色會變為粉色。