CSS鼠標移過下拉框是網頁常用的交互設計，可以在菜單欄、導航欄等頁面元素中提供更多的選項和功能。在這里，我們將介紹如何實現鼠標移過下拉框的效果。

首先，需要在HTML文件中創建一個下拉框，可以使用select標簽實現：

<select>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>

然后，在CSS文件中添加樣式來修改下拉框的樣式，如下所示：

select {
padding: 10px;
font-size: 16px;
border: none;
background-color: #f2f2f2;
cursor: pointer;
}
option:hover {
background-color: #ddd;
}

代碼中，我們設置了下拉框的padding和font-size屬性，以及背景和鼠標樣式。此外，在option的:hover選擇器中，我們設置了鼠標移過時的背景顏色。

最終效果如下圖所示：

選擇：  鼠標移過選項： 

通過上述代碼，可以輕松實現CSS鼠標移過下拉框的效果。