單選按鈕是一種常見的用戶界面組件，用于在網頁中選擇不同的選項。單選按鈕通常使用 CSS 樣式進行美化，以增強其可讀性和吸引力。以下是單選按鈕的 CSS 效果：

1. 按鈕樣式

單選按鈕的樣式可以通過以下方式實現：

```css

button {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

button:hover {

background-color: #3e8e41;

上述代碼中，按鈕的樣式使用了 background-color、color、padding、border 和 border-radius 屬性，并添加了 cursor: pointer 屬性，以便使其能夠被選中。當鼠標懸停在按鈕上時，按鈕的背景顏色會變成灰色，并添加了一個新的樣式，使按鈕看起來更加美觀。

2. 選擇按鈕樣式

在選擇按鈕上，可以使用以下樣式：

```css

input[type="button"] {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

width: 100%;

height: 40px;

input[type="button"]:hover {

background-color: #3e8e41;

上述代碼中，選擇按鈕的樣式使用了 background-color、color、padding、border 和 border-radius 屬性，并添加了 cursor: pointer 屬性。當鼠標懸停在按鈕上時，按鈕的背景顏色會變成灰色，并添加了一個新的樣式，使按鈕看起來更加美觀。當鼠標懸停在選擇按鈕上時，按鈕的背景顏色會變成深灰色，并添加了一個新的樣式，使按鈕的文本顏色變成白色，以突出顯示選擇的內容。

通過使用 CSS 樣式，我們可以美化單選按鈕的外觀，使其看起來更加美觀和易于使用。單選按鈕的樣式可以通過簡單的 CSS 代碼實現，并且可以根據不同的需求進行靈活調整。