HTML單選按鈕是一種常用的網站表單元素，用戶只能選擇一個選項。為了美化單選按鈕，可以使用CSS樣式。

input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #dcdcdc;
color: #666;
font-size: 16px;
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 10px;
border: 2px solid #ccc;
vertical-align: middle;
cursor: pointer;
}
input[type="radio"]:checked::after {
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #333;
}

上面的代碼使用CSS實現了自定義單選按鈕的樣式，其中包括了外觀、尺寸、邊框等各種樣式屬性。通過:checked偽類，還可以添加單選按鈕被選中時的樣式。

在HTML中使用自定義樣式的單選按鈕，只需要給input元素添加type="radio"屬性，并設置相應的class或id即可。

<input type="radio" name="option1" id="option1-1">
<label for="option1-1">選項1</label>
<input type="radio" name="option1" id="option1-2">
<label for="option1-2">選項2</label>

上面的代碼展示了如何在HTML中使用自定義單選按鈕樣式，在label元素中使用for屬性指定對應的input元素id，確保點擊標簽可以選中對應的單選按鈕。

通過CSS樣式美化HTML單選按鈕，可以提升網站的用戶體驗和視覺效果，讓用戶在填寫表單時更加愉悅。