CSS下拉框是Web開發中常用的控件之一，可以讓用戶方便地從預定義的選項中選擇一個值。下面是一個示例：

<select>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
</select>

使用CSS可以讓下拉框更加美觀，并且可以添加一些自定義的樣式。比如，可以通過使用background-color來設置背景顏色，使用color來設置文本顏色等等。

select {
background-color: #f2f2f2;
color: #333;
border: none;
}

此外，如果想要在下拉框中添加一個默認項，可以通過添加一個option元素來實現，比如：

<select>
<option value="" disabled selected hidden>請選擇一個選項</option>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
</select>

這樣，下拉框默認顯示的就是一個提示文本，而不是一個空的選項框。

最后，如果想要在所選項的后面添加一些自定義的文本，也可以通過在option元素中使用data-*屬性來實現。比如：

<option value="1" data-text="這是選項1的描述">選項1</option>

然后，在選擇一個選項后，可以使用JavaScript獲取所選項的data-text屬性值，并在頁面上相應地顯示出來。