CSS下拉框是網頁中常用的交互元素之一，同時在下拉框中插入圖片也是提升用戶體驗的好方法，下面就來介紹一下如何實現在CSS下拉框中插入圖片。

<label for="fruit">水果選擇:</label>
<select id="fruit">
<option value="">請選擇</option>
<option value="apple"><img src="./images/apple.png">蘋果</option>
<option value="orange"><img src="./images/orange.png">橙子</option>
<option value="banana"><img src="./images/banana.png">香蕉</option>
</select>

上面的代碼展示了一個下拉框，其中包含了三個選項，每個選項里嵌套了一個img標簽，用于顯示不同的水果圖片，用戶可以通過點擊下拉框選擇不同的水果。

通過使用img標簽在選項中插入圖片，我們可以很方便地對下拉框進行定制，使之更符合我們的需求，同時也為用戶提供了更直觀、更友好的交互界面。