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实现单选按钮的方法，希望能帮助到大家。