在前端開發中，單選按鈕是我們常用的元素之一。然而，有時候默認的單選按鈕間距并不是我們想要的樣子，這時候我們就需要通過CSS來改變它們之間的距離。

/* CSS代碼示例 */
input[type="radio"] {
margin-right: 10px; /* 修改單選按鈕之間的右間距 */
}

上面的CSS代碼示例中，我們通過設置input[type="radio"]的margin-right屬性值來控制單選按鈕之間的右側間距，這樣就可以改變它們的排列方式了。

當然，如果想要更加精細的控制單選按鈕之間的間距，我們還可以使用一些其他的CSS屬性，如padding、border等進行調整。

/* CSS代碼示例 */
input[type="radio"] {
padding-right: 20px; /* 修改單選按鈕之間的右間距 */
border-right: 1px solid black; /* 添加邊框，進一步控制按鈕之間的間距 */
}

上面的CSS代碼示例中，我們除了通過padding-right屬性值來進行外邊距的調整，還通過border-right屬性值添加了右邊框，進一步控制了按鈕之間的間距。

總的來說，通過CSS來改變單選按鈕之間的間距可以讓我們更好地控制布局，增強頁面的可讀性和美觀度。