CSS 中可以使用display屬性控制頁面元素的顯示方式，其中有一種值為inline-block，可以讓元素在同一行內(nèi)并排顯示。下面來展示如何使用兩個radio按鈕實(shí)現(xiàn)這個效果。

input[type="radio"] {
display: none; /* 隱藏原始的 radio */
}
label {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
input[type="radio"]:checked + label {
background-color: #1890ff;
color: #fff;
}

首先，我們先通過 CSS 隱藏了原始的radio按鈕。然后，我們通過label元素的display: inline-block實(shí)現(xiàn)并排顯示。注意這里的label元素與radio按鈕配對使用，所以我們需要通過label元素的for屬性和radio按鈕的id屬性進(jìn)行綁定。

最后，我們使用:checked選擇器來判斷選中的radio按鈕，然后通過相鄰兄弟選擇器（+）選中對應(yīng)的label元素進(jìn)行樣式設(shè)置，這樣就實(shí)現(xiàn)了選中的radio按鈕label元素的背景色和文字變色的效果。