CSS可以實現各種按鈕交替的效果，其中最常見的就是圖片按鈕交替。在CSS中，使用background-image屬性可以將一個圖片作為按鈕的背景，使用:hover偽類可以在鼠標經過按鈕時切換背景圖片，從而實現按鈕交替的效果。

.button {
background-image: url("button1.png");
width: 100px;
height: 50px;
border: none;
}
.button:hover {
background-image: url("button2.png");
}

上面的代碼定義了一個按鈕，將button1.png作為按鈕背景，設置按鈕的寬度和高度，并去除按鈕的邊框。當鼠標經過按鈕時，使用:hover偽類切換按鈕的背景圖片為button2.png，實現按鈕交替的效果。

需要注意的是，在使用背景圖片時，圖片大小應該和按鈕大小相同或比按鈕大，否則可能會導致圖片被拉伸或者僅顯示部分的情況。

除了圖片按鈕交替外，CSS還可以使用CSS3的transition屬性實現更加流暢的按鈕交替效果，具體可以參考CSS3的相關文檔。