設置性別選擇通常是在表單中使用HTML的<select>元素來實現的，而不是通過CSS來設置，以下是一個簡單的HTML代碼示例，展示了如何設置性別選擇：

<form>
  <label for="gender">性別選擇：</label>
  <select id="gender" name="gender">
    <option value="male">男</option>
    <option value="female">女</option>
    <option value="other">其他</option>
  </select>
  <input type="submit" value="提交">
</form>

在這個示例中，<select>元素用于創(chuàng)建一個下拉菜單，讓用戶可以選擇性別，每個<option>元素代表一個可選項，value屬性表示選項的值，label屬性表示選項的文本顯示。

如果你想要通過CSS來美化這個性別選擇下拉菜單，你可以使用CSS的偽類選擇器來定制下拉菜單的外觀，你可以使用:hover偽類選擇器來定義當用戶鼠標懸停在選項上時出現的樣式。

select#gender {
  width: 150px;
  height: 30px;
  padding: 5px;
  font-size: 16px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  appearance: none; /* 移除默認的瀏覽器樣式 */
}
select#gender option {
  padding: 10px;
}
select#gender option:hover {
  background-color: #f5f5f5;
}

在這個CSS示例中，我們定義了性別選擇下拉菜單的寬度、高度、內填充、字體大小、顏色、邊框和邊框半徑，我們還移除了默認的瀏覽器樣式，并定義了當用戶鼠標懸停在選項上時的背景顏色。