CSS單選框控件是Web開發中常用的組件之一，用于在頁面中以單選的方式顯示一組選項。下面介紹CSS單選框控件的使用方法。

首先，在HTML代碼中使用<input>標簽創建一個單選框

<label>
<input type="radio" name="option" value="option1">
Option 1
</label>

其中，name屬性用于標識一組單選框，value屬性用于標識當前單選框的值。可以創建多個類似的單選框，并設置相同的name屬性值，表示它們是同一組單選框。

然后，在CSS樣式表中為單選框控件設置樣式

<style>
/* 隱藏原生單選框 */
input[type=radio] {
display: none;
}
/* 自定義單選框樣式 */
input[type=radio] + label::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border: 1px solid #999;
border-radius: 50%;
}
/* 自定義單選框選中狀態樣式 */
input[type=radio]:checked + label::before {
background-color: #999;
}
</style>

以上樣式中，首先使用display:none;隱藏原生單選框的樣式，然后使用偽元素::before為單選框添加一個圓形的框框，最后使用:checked偽類為選中狀態的單選框添加背景色。

最后，在HTML代碼中應用樣式

<label>
<input type="radio" name="option" value="option1">
Option 1
</label>

通過為<label>標簽添加樣式，將自定義的單選框樣式應用到頁面中的單選框控件。