CSS鼠標移入顯示效果是網頁設計中常見的交互效果之一。通過懸停鼠標在網頁元素上，可以觸發該元素的事件，從而讓頁面更加豐富多彩。下面是一些常見的CSS鼠標移入顯示效果。

/* 鼠標移入顯示邊框 */
.box {
border: 1px solid #ccc;
}
.box:hover {
border-color: red;
}
/* 鼠標移入顯示背景色 */
.box {
background-color: #ccc;
}
.box:hover {
background-color: red;
}
/* 鼠標移入顯示文字顏色 */
.box {
color: #000;
}
.box:hover {
color: red;
}
/* 鼠標移入顯示圖片 */
.box {
background-image: url('img.jpg');
}
.box:hover {
background-image: url('hover-img.jpg');
}

以上代碼分別展示了四種常見的CSS鼠標移入顯示效果：邊框、背景色、文字顏色和圖片。在這些CSS樣式中，我們使用了:hover偽類來觸發鼠標移入事件，然后通過修改元素的樣式來實現效果。

在實際的網頁設計中，我們可以根據具體的需求進行選擇，并靈活運用不同的CSS樣式來實現更豐富的鼠標移入顯示效果。同時，我們也需要注意合理使用這些效果，避免過度裝飾和干擾用戶體驗。