CSS中的radio樣式是指可以自定義單選框的樣式。在默認情況下，單選框是沒有樣式的，只有一個小圓圈。但是，我們可以用CSS來改變這種默認樣式。

/* 創(chuàng)建自定義單選框樣式 */
/* 隱藏默認的單選框 */
input[type=radio] {
display: none;
}
/* 創(chuàng)建自定義的單選框樣式 */
input[type=radio]+label:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
border-radius: 50%;
border: 2px solid #ccc;
vertical-align: middle;
}
/* 設置選中狀態(tài)下的樣式 */
input[type=radio]:checked+label:before {
background-color: #61e1fb;
border-color: #61e1fb;
}
/* 隱藏默認的label文本 */
input[type=radio]+label {
font-size: 1rem;
color: #555;
cursor: pointer;
}
/* 添加hover效果 */
input[type=radio]+label:hover:before {
border-color: #999;
}

以上是一個簡單的自定義單選框樣式的示例。首先，我們將默認的單選框隱藏掉（display:none），然后通過設置:before偽元素來創(chuàng)建自定義的單選框樣式。為了讓偽元素可以正常顯示，我們需要為它設置內容（content屬性），并將其設為inline-block。接下來，我們設置一些樣式屬性，如寬度、高度、邊框顏色等。在選中狀態(tài)下，我們還可以設一個不同于默認樣式的背景色和邊框顏色。最后，我們通過設置:hover效果來為單選框添加一些交互性。

總之，通過CSS來自定義單選框樣式可以讓UI設計更加靈活，讓用戶界面更加美觀。同時，還可以借助JavaScript來處理單選框的點擊事件，實現更加豐富的操作效果。