CSS3提供了許多方便開發者的新功能，其中一個利用CSS3實現單選按鈕的功能。下面我們來看一下如何使用CSS3寫單選按鈕。

// HTML代碼如下：
<div class="myradio">
<input type="radio" id="radio1" name="radiogroup" checked>
<label for="radio1">選項1</label>
<input type="radio" id="radio2" name="radiogroup">
<label for="radio2">選項2</label>
<input type="radio" id="radio3" name="radiogroup">
<label for="radio3">選項3</label>
</div>
// CSS代碼如下：
.myradio input[type="radio"] {
display: none;
}
.myradio label {
display: inline-block;
margin: 0 10px 10px 0;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
}
.myradio input[type="radio"]:checked + label {
background-color: #ccc;
}

首先，在HTML代碼中創建一個div，class為"myradio"。在該div里面創建3個input標簽，type為"radio"，id分別為"radio1"、"radio2"、"radio3"，name為"radiogroup"，其中第一個input標簽設置了checked屬性。

在每個input標簽后面，分別使用一個label標簽來描述該選項的文字內容，并通過for屬性關聯到對應的input標簽上。

接著，在CSS代碼中，我們設置所有input標簽的display屬性為none，這樣它們就不會在頁面上顯示出來。設置label標簽為inline-block顯示，設置一些邊距和圓角等樣式，并將鼠標光標設置為指針。

最后，使用CSS3中的:checked偽類來判斷哪個單選按鈕被選中了，而且僅在被選中的label標簽上應用css樣式。

以上就是使用CSS3實現單選按鈕的方法，希望能幫助到大家。