1. 在 HTML 中添加单选按钮元素，例如：
<input type=”radio” name=”radio_name” value=”value_1″ id=”radio_id”>
其中，`type=”radio”` 表示单选按钮，`name=”radio_name”` 表示单选按钮的名称，`value=”value_1″` 表示单选按钮的选择值，`id=”radio_id”` 表示单选按钮的 ID 属性。
2. 在 CSS 中添加样式，可以使用 CSS 选择器来对单选按钮进行样式设置。例如：
input[type=”radio”] {
display: inline-block;
width: 100%;
padding: 8px;
margin: 4px 0;
border: none;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
input[type=”radio”]:hover {
background-color: #0099ff;
#radio_id:hover {
background-color: #0099ff;
其中，`input[type=”radio”]` 表示当前的单选按钮，`#radio_id` 表示单选按钮的 ID 属性，`:hover` 表示单选按钮的鼠标悬停状态，`:hover` 的语法是在类名后面加上 `:hover` 来定义鼠标悬停时的样式。
3. 可以根据需要对单选按钮进行其他样式设置，例如字体大小、颜色、图标等。
通过以上步骤，就可以实现一个简单的单选按钮的 CSS 样式了。需要注意的是，在实际应用中，单选按钮的样式还需要根据具体的要求进行调整，以满足用户的需求。