在網頁設計中，經常會遇到需要為radio按鈕添加樣式的情況。默認情況下，radio按鈕的樣式比較單調，難以突出重點。使用CSS可以很方便地為radio按鈕添加樣式，讓它們變得更加美觀。

下面是一個簡單的實例。我們定義一個CSS樣式，為radio按鈕添加不同狀態下的顏色：

/* 未選中狀態下的樣式 */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #ccc;
border-radius: 50%;
width: 20px;
height: 20px;
margin: 0 10px 0 0;
}
/* 選中狀態下的樣式 */
input[type="radio"]:checked {
background-color: #00bfff;
border-color: #00bfff;
}
/* 鼠標懸停在radio按鈕上時的樣式 */
input[type="radio"]:hover {
background-color: #f2f2f2;
}

上面的代碼中，我們首先為未選中狀態下的radio按鈕定義了一組樣式。它們有邊框、圓角、大小等屬性。接下來，我們為選中狀態下的radio按鈕定義了不同的背景色和邊框顏色，讓它們更加醒目。最后，我們為鼠標懸停時的狀態也定義了一組樣式，讓用戶更加清晰地知道自己正在操作的按鈕。

在實際使用中，我們可以根據需要修改以上樣式，并應用到頁面中的radio按鈕上。這樣一來，用戶界面將變得更加美觀，易于操作。