CSS互斥按鈕是一種非常有用的元素，它允許你在多個選項中選擇一個。

要創(chuàng)建互斥按鈕，我們需要使用HTML和CSS代碼。在HTML中，我們需要創(chuàng)建一個包含所有按鈕的容器，并為每個按鈕分配一個唯一的ID。例如：

<div id="button-container">
<button id="button1">選項1</button>
<button id="button2">選項2</button>
<button id="button3">選項3</button>
</div>

在CSS中，我們需要為每個按鈕創(chuàng)建一個單獨的樣式，并使用:checked偽類來應(yīng)用樣式到選中的按鈕。以下是一個示例：

#button1:checked {
background-color: blue;
color: white;
}
#button2:checked {
background-color: red;
color: white;
}
#button3:checked {
background-color: green;
color: white;
}

這個CSS代碼將為每個選項創(chuàng)建一種顏色方案，并使用:checked偽類來表示當前選中的選項。

最后，我們需要使用JavaScript來確保只有一個按鈕被選中。以下是一個簡單的JavaScript代碼示例：

var buttons = document.querySelectorAll('#button-container button');
for(var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function() {
for(var j = 0; j < buttons.length; j++) {
buttons[j].checked = false;
}
this.checked = true;
});
}

這段代碼將獲取所有的按鈕，并為每個按鈕添加一個點擊事件。當一個按鈕被點擊時，它將取消選中所有其他按鈕并將自己選中。

通過組合HTML、CSS和JavaScript，我們可以創(chuàng)建一個美觀、高效且易于使用的CSS互斥按鈕。