CSS選項按鈕組是一種非常常見的用戶交互方式，它可以允許用戶在多個選項中進行選擇。這些選項按鈕通常在Bootstrap和其他CSS框架中都有預定義的樣式，但是您也可以自定義它們的外觀和交互特性。

HTML代碼非常簡單，只需要使用類型為"radio"，并使用相同的"name"屬性分組。例如，以下代碼顯示了三個選項按鈕：

<input type="radio" name="option" value="option1"> Option 1
<input type="radio" name="option" value="option2"> Option 2
<input type="radio" name="option" value="option3"> Option 3

默認情況下，這些選項按鈕的樣式是不可見的。要顯示按鈕，請使用CSS樣式：

input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #fff;
color: #666;
border: 1px solid #ddd;
padding: 8px 16px;
margin-right: 10px;
cursor: pointer;
}
input[type="radio"]:checked::before {
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
font-size: 16px;
color: #22b8cf;
}

此樣式基于FontAwesome字體庫，可以使用自己的字體圖標或其他圖像代替。

一旦您知道基本樣式，您就可以添加自定義交互和特性，例如hover和active效果、焦點和選中狀態下的不同樣式等。

總之，CSS選項按鈕組是一種簡單而有效的用戶交互方式，可以在Web應用程序和界面中廣泛使用。