CSS按鈕背景圖是一種通過CSS樣式來設置按鈕周圍的背景圖片的方法。使用CSS按鈕背景圖可以讓按鈕看起來更漂亮，并且可以提高按鈕的可用性。

按鈕背景圖的作用是在按鈕周圍添加一個背景圖像，這個圖像可以與按鈕一起使用，也可以單獨使用。按鈕背景圖可以為按鈕添加一個顏色、透明度或其他特效，使按鈕看起來更美觀。

下面是一個簡單的使用CSS按鈕背景圖的步驟：

1. 在HTML頁面中添加一個按鈕元素，并使用CSS樣式設置其背景顏色、邊框樣式和其他特效。

```html

<button class="button">點擊我</button>

```css

.button {

background-color: #f44336; /* 白色 */

background-position: center center; /* 居中對齊 */

background-size: cover; /* 將圖片大小設置為整個按鈕大小 */

border: none; /* 按鈕周圍沒有邊框 */

padding: 10px; /* 按鈕padding的值，根據需求調整 */

3. 可以根據需求調整按鈕的樣式，例如更改按鈕的顏色、大小、背景顏色等。

通過使用CSS按鈕背景圖，我們可以為按鈕添加一個漂亮的背景，從而提高按鈕的可用性和可讀性。