CSS常常被用來美化頁面上的各種元素。其中，radio按鈕是一個(gè)最為常見的元素，它是用來讓用戶在一組選項(xiàng)中選擇一個(gè)的控件。

/*定義一個(gè)radio按鈕樣式*/
input[type='radio'] {
display: none; /*隱藏默認(rèn)的radio按鈕*/
}
/*定義radio的標(biāo)簽樣式*/
input[type='radio'] + label {
position: relative;
display: inline-block;
padding-left: 30px;
margin-right: 10px;
cursor: pointer;
font-size: 16px;
}
/*定義未選中的radio圖標(biāo)樣式*/
input[type='radio'] + label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
border: 2px solid #333;
border-radius: 50%;
}
/*定義選中的radio圖標(biāo)樣式*/
input[type='radio']:checked + label:before {
background-color: #333;
}

以上是一個(gè)基本的radio按鈕樣式代碼。通過隱藏默認(rèn)的radio按鈕，我們可以自定義這個(gè)控件的外觀。我們?cè)O(shè)置了radio的標(biāo)簽樣式，定義了未選中和選中時(shí)的radio圖標(biāo)樣式。

通過這樣的CSS樣式，我們就可以美化一個(gè)radio按鈕，使其更符合我們的頁面設(shè)計(jì)風(fēng)格。這樣的應(yīng)用在實(shí)際的Web開發(fā)中非常常見，可以讓頁面變得更加美觀、易用。