CSS下拉列表的鼠標移過效果，是網頁中常見的交互效果之一，它能讓用戶更加直觀地感知自己的下一步操作。下面我們來看一下如何通過CSS添加下拉列表鼠標移過效果。

<!-- 下拉列表的HTML代碼 -->
<div class="dropdown">
<button class="dropbtn">下拉菜單</button>
<div class="dropdown-content">
<a href="#">選項一</a>
<a href="#">選項二</a>
<a href="#">選項三</a>
</div>
</div>
<!-- CSS代碼 -->
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a:hover {
background-color: #eaeaea;
}

上面的代碼中，我們使用了：:hover偽類來實現鼠標移過下拉列表后，展開下拉菜單的效果。

同時，我們還使用了a:hover來實現鼠標移過下拉菜單中的選項時，選項會變色的效果。

這樣，我們就成功實現了CSS下拉列表的鼠標移過效果。通過合理的CSS樣式，可以讓一個簡單的下拉列表更加生動、直觀，提升用戶的交互體驗。