在網頁設計中，下拉列表是非常常見的元素之一。使用CSS可以簡單地制作出漂亮的下拉列表，今天我們就來講講如何使用CSS做兩個下拉列表。

<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
</select>

首先，我們先來學習下常規的下拉列表制作方法。上面是一段簡單的HTML代碼，制作一個包含三個選項的下拉列表。

select {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
margin: 10px;
padding: 5px;
width: 200px;
}
option {
font-size: 14px;
padding: 5px;
}

現在我們給上面的HTML代碼添加一些CSS代碼，來美化下拉列表。

CSS代碼中的select選擇器，是用來設置下拉列表樣式的。我們設置了下拉列表的背景顏色、邊框、邊框圓角、字體大小、外邊距、內邊距和寬度。option選擇器則是用來設置下拉列表中的選項，我們設置了字體大小和內邊距。

接下來，我們來學習如何制作兩個下拉列表。

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

在HTML代碼中，我們添加了兩個下拉列表，并為它們設置了不同的id屬性值。

#select1, #select2 {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
margin: 10px;
padding: 5px;
width: 200px;
}
#select2 {
margin-left: 20px;
}
option {
font-size: 14px;
padding: 5px;
}

下面是我們為兩個下拉列表添加的CSS代碼。我們設置了共同的下拉列表樣式，包括背景顏色、邊框、邊框圓角、字體大小、外邊距、內邊距和寬度。我們還給第二個下拉列表設置了左外邊距，這樣兩個下拉列表就能夠有一定的間隔。option選擇器的樣式和前面的例子是一樣的。

到這里，兩個下拉列表就已經完成啦！它們看起來非常美觀，并且可以互不干擾地進行選擇。