CSS定义单选按钮是网页开发中常用的技术之一，让我们来看一下如何实现单选按钮效果。

input[type="radio"] {
display: none;
}
input[type="radio"]+label {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
}
input[type="radio"]:checked+label {
background-color: #00f;
color: #fff;
}

首先，我们使用 "display: none;" 规则将 input 标签设置为隐藏状态。接下来，我们使用 "+label" 选择符来选择 input 标签后面的 label 标签，并对其进行样式设置。

在这里，我们设置了 label 标签为内联块级元素，并设置了边框、背景颜色和鼠标指针为手形，使其具有按钮的样式。当鼠标点击标签时，由于 input 标签和 label 标签是相邻的，这将导致 input 标签被选中。

最后，我们使用 ":checked" 伪类选择符来改变已选中单选按钮的样式，并为其设置背景色和文本颜色。这使得用户可以在选定单选按钮时清楚地看到其状态。

以上就是使用 CSS 定义单选按钮的基本过程，希望对您有所帮助！