CSS 中的按鈕樣式通常需要使用背景圖來實現，通過圖片的組合、截圖或者單張圖片進行裁剪，可以達到非常豐富的按鈕樣式效果。下面將從以下幾個方面來講解 CSS 中按鈕背景圖樣式的實現技巧。

1. 單張背景圖實現按鈕樣式

.button {
background: url(button.png) no-repeat;
width: 100px;
height: 30px;
text-indent: -9999px;
border: none;
}
.button:hover {
background-position: 0 -30px;
}
.button:active {
background-position: 0 -60px;
}

2. 通過多張背景圖進行組合實現按鈕樣式

.button {
background-image: url(button-left.png), url(button-middle.png), url(button-right.png);
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: left top, 0 0, right top;
padding: 0 10px 0 15px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
color: #333333;
text-decoration: none;
cursor: pointer;
}
.button:hover {
background-position: left -30px, 0 -30px, right -30px;
}
.button:active {
background-position: left -60px, 0 -60px, right -60px;
}

3. 通過裁剪單張背景圖實現按鈕樣式

.button {
background: url(button.png) no-repeat;
width: 100px;
height: 30px;
text-indent: -9999px;
border: none;
}
.button:hover {
background-position: -100px 0;
}
.button:active {
background-position: -200px 0;
}

總的來說，按鈕樣式的實現需要考慮到按鈕的尺寸、圓角、背景圖的大小、剪裁、組合等各種因素，只有靈活掌握各種技巧，才能讓按鈕樣式的實現更加優雅、豐富，從而為用戶帶來更好的使用體驗。