CSS是一種用于網頁排版和樣式設計的語言，它可以幫助我們在網頁中改變各種元素的樣式，其中包括radio按鈕。

/* 改變radio按鈕的顏色 */
input[type="radio"] {
-webkit-appearance: none; /* 去除默認樣式 */
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc; /* 添加邊框 */
border-radius: 50%; /* 轉換為圓形 */
width: 20px; /* 指定寬度 */
height: 20px; /* 指定高度 */
outline: none; /* 去除點擊時的虛線框 */
margin-right: 5px; /* 添加右側間距 */
position: relative; /* 設置定位 */
top: 5px;
}
/* 定義選中狀態的樣式 */
input[type="radio"]:checked::before {
content: ''; /* 添加內容 */
position: absolute; /* 設置定位 */
top: 3px; /* 偏移量 */
left: 3px;
width: 14px; /* 寬度 */
height: 14px; /* 高度 */
border-radius: 50%; /* 圓形 */
background-color: #007bff; /* 藍色 */
}

通過在CSS中定義相應的樣式，我們可以自定義radio按鈕的顏色和樣式，從而使網頁更加美觀和易于使用。