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

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

以上是一個基本的radio按鈕樣式代碼。通過隱藏默認的radio按鈕，我們可以自定義這個控件的外觀。我們設置了radio的標簽樣式，定義了未選中和選中時的radio圖標樣式。

通過這樣的CSS樣式，我們就可以美化一個radio按鈕，使其更符合我們的頁面設計風格。這樣的應用在實際的Web開發中非常常見，可以讓頁面變得更加美觀、易用。