在實現網頁樣式時，給元素添加不同的背景、顏色、邊框等都是常見的操作。但如果想要讓元素在某些狀態下發生變化，比如鼠標懸停時、被選中或被禁用等，就需要用到radio按鈕了。

input[type="radio"] {
/* 這里是 radio 的樣式 */
}

首先我們要定義一個radio的樣式，使用 CSS 的 input[type="radio"] 選擇器后面像普通元素一樣設置樣式。比如，我們可以設置radio按鈕的大小、顏色等。

input[type="radio"] {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: white;
border: 2px solid #ccc;
outline: none;
}

接下來需要定義radio按鈕在不同狀態下的樣式。來看一個例子：

input[type="radio"]:checked+label {
color: red;
}

在這里，我們選取了 radio 的選中狀態（:checked），然后用 + 號連接了 label 標簽，意思是當選中 radio 后，下一個兄弟元素（即 label 標簽）的樣式也要改變。

除了選中狀態，還有其他的狀態可以用于修改樣式。例如，當 radio 被禁用（:disabled）時我們需要改變其樣式：

input[type="radio"]:disabled {
border-color: #999;
background-color: #eee;
cursor: not-allowed;
}

在這里，我們修改了radio的邊框、背景色，以及禁用時的鼠標樣式。

總之，radio作為一種表單元素，可以實現不同的狀態，通過CSS有著豐富多樣的修改方式。對于網站的表單元素來說，這種靈活的樣式方案是非常有用的。