CSS單選框是一種常見的用于表單交互的控件。通過CSS設置可以自定義單選框的樣式，讓其更符合網站的設計風格。

以上是兩個基本的單選框代碼，其中name屬性是必須的，用于表明這些單選框屬于同一組，只能選擇其中的一個。我們可以為單選框的容器元素設置樣式，如下所示：

label {
display: inline-block;
margin-bottom: 10px;
cursor: pointer;
}
input[type=radio] {
display: none;
}
input[type=radio] + span:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
border: 1px solid #aaa;
border-radius: 50%;
background-color: #fff;
}
input[type=radio]:checked + span:before {
background-color: #0080ff;
}

上面的樣式代碼實現了以下效果：

• 將label元素的樣式設置為inline-block，使得單選框和其文本處于同一行
• 設置cursor為pointer，使得光標移動到單選框上時呈現手指形態
• 將input[type=radio]的display屬性設置為none，隱藏原生的單選框
• 為單選框的容器元素添加一個偽元素:before，用于呈現圓形的外觀
• 設置input[type=radio]:checked元素的偽元素的背景色為藍色，表示選中狀態

通過這樣的樣式設置，我們可以自定義各種樣式的單選框，使其外觀更加美觀和符合網站的風格。