下拉選擇是網頁中常用的表單元素，通常需要使用JavaScript或者jQuery來實現。不過，利用純CSS也可以輕松實現下拉選擇，方法如下：

<div class="dropdown">
<select>
<option value="option1">選項1</option>
<option value="option2">選項2</option>
<option value="option3">選項3</option>
</select>
</div>

在這里，我們使用了一個div容器，以及一個select元素。在CSS中，我們需要指定以下樣式：

.dropdown {
position: relative;
display: inline-block;
}
.dropdown select {
appearance: none;
-webkit-appearance: none;
border: none;
width: 100%;
padding: 8px 12px;
font-size: 16px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.dropdown:after {
content: '\25BC';
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
}
.dropdown select:focus {
outline: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 2px #007bff;
}
.dropdown select option {
padding: 8px 12px;
font-size: 16px;
border-radius: 4px;
}

在上述代碼中，我們使用了“-webkit-appearance: none;”和“appearance: none;”來隱藏默認的下拉箭頭。同時，我們還定義了一些其他的樣式，比如選擇框的邊框、背景顏色、陰影、圓角、字體等等。在最后，我們還設置了鼠標焦點狀態下的樣式，以及選項的樣式。

這樣，我們就實現了一個純CSS的下拉選擇框，可以幫助我們更加便捷地創建網頁表單。當然，為了兼容性和交互體驗的考慮，JavaScript和jQuery仍然是不可或缺的工具。