CSS實現鼠標移入移出的效果是網頁制作中常用的技術，以下是一個簡單的示例。

/* 定義一個類名hover-effect，鼠標移入時改變背景顏色和字體顏色 */
.hover-effect:hover {
background-color: #F5F5F5;
color: black;
}
/* 定義一個類名box，設置寬度、高度和背景顏色 */
.box {
width: 200px;
height: 200px;
background-color: white;
/* 將類名hover-effect應用于元素 */
transition: all 0.3s ease-in-out;
}

在HTML代碼中，將類名為box的元素添加類名為hover-effect，即可實現鼠標移入移出效果。

<div class="box hover-effect">
<p>這里是內容</p>
</div>

當鼠標移入box元素時，背景顏色和字體顏色會發生變化，當鼠標移出時恢復原樣。這種效果可以提高用戶的交互體驗，使網站更加生動有趣。