CSS選項框可以通過選項框內的選項，改變網頁中的圖片展示。要實現這個效果，我們可以通過以下步驟：

HTML代碼：
<div class="image">
<img src="image1.jpg">
</div>
<select onchange="changeImage(this.value)">
<option value="image1.jpg">圖片1</option>
<option value="image2.jpg">圖片2</option>
<option value="image3.jpg">圖片3</option>
</select>
JavaScript代碼：
function changeImage(imageName) {
var image = document.querySelector('.image img');
image.src = imageName;
}

代碼解釋：

首先，在HTML中我們創建了一個包含圖片的div，并且使用了一個select元素，其中每個option元素代表了一個不同的圖片。當選項框的選項發生變化時，我們需要調用JavaScript中的changeImage函數。

在JavaScript中，我們使用了querySelector方法來獲取圖片，然后通過更改src屬性，實現了圖片的切換。當選項框的選項更改時，圖片src屬性會被更改為所選的圖片。

使用CSS選項框改變圖片，是一個簡單而實用的效果，通過這種方式，我們可以瞬間更改網頁的外觀，并令網頁內容更加生動有趣。