單選框是網(wǎng)頁表單中常見的一種元素，通常用于單選選項(xiàng)或是選擇性別等問題。

但是，瀏覽器默認(rèn)的單選框樣式可能會(huì)讓頁面顯得單調(diào)無味。而用CSS來美化單選框可以讓頁面更加美觀、吸引人。

input[type="radio"] {
display: none;
}
label {
display: inline-block;
padding: 5px 10px;
margin: 5px 10px;
border: 2px solid #ccc;
border-radius: 20px;
cursor: pointer;
}
input[type="radio"]:checked + label {
background-color: #008CBA;
color: #fff;
}

上述代碼會(huì)將所有單選框隱藏，用<label>標(biāo)簽代替顯示，添加了邊框和圓角，讓單選框更加有視覺感。

而選中的單選框則會(huì)改變背景色和字體顏色，讓用戶更容易識別出選中的選項(xiàng)。

值得一提的是，如果想要單選框的樣式與整個(gè)表單樣式配合完美，可以將單選框放在<fieldset>元素內(nèi)部，然后對該元素進(jìn)行樣式調(diào)整。

美化單選框可以從小處入手，但將它們美化得好看卻并不容易。通過上述代碼的修改，您可以將單選框樣式調(diào)整得非常炫酷，讓您的網(wǎng)頁更加出眾！