在Web開發中，我們經常需要讓用戶進行選擇。其中單選框是一個常用的選項。通過CSS，我們可以輕松地自定義單選框的樣式，讓它更適合我們的設計需求。

下面是一個簡單的CSS單選框實例：

/* HTML部分 */Option 1Option 2/* CSS部分 */
input[type="radio"] {
display: none;
}
label {
display: inline-block;
padding: 5px 20px;
margin: 10px;
background-color: #eee;
cursor: pointer;
border-radius: 20px;
}
/* 選中狀態 */
input[type="radio"]:checked + label {
background-color: #007bff;
color: #fff;
}

通過設置input[type="radio"]為display: none，我們將其隱藏。然后我們將樣式應用到label上，當用戶點擊label時，相應的input[type="radio"]會被選中。

通過設置:checked選擇符，我們可以自定義選中后的狀態。在上面的代碼中，我們將背景色設置為藍色，文字顏色為白色。

通過這種方式，我們可以輕松地自定義單選框的樣式，適應我們的設計需求。