HTML 中的 button 元素是一種表單元素，用于觸發(fā)事件或提交表單。有時(shí)候，我們需要使用自定義背景圖來(lái)美化按鈕樣式。這時(shí)候，我們可以使用 CSS 中的 background-image 屬性來(lái)實(shí)現(xiàn)。 使用 background-image 設(shè)置背景圖如下： ``` button { background-image: url("button_bg.png"); } ``` 在設(shè)置 background-image 的時(shí)候，我們需要指定圖片的路徑，可以使用相對(duì)路徑或絕對(duì)路徑。如果圖片和 HTML 文件放在同一目錄下，可以使用相對(duì)路徑；如果圖片放在其他目錄下，或者是網(wǎng)絡(luò)上的圖片，就需要使用絕對(duì)路徑。 如果我們需要將圖片平鋪到整個(gè)按鈕中，可以使用 background-repeat 屬性： ``` button { background-image: url("button_bg.png"); background-repeat: repeat; } ``` 使用 repeat-x 可以讓圖片在水平方向上平鋪，使用 repeat-y 可以讓圖片在垂直方向上平鋪。 如果我們需要調(diào)整背景圖片的位置，可以使用 background-position 屬性： ``` button { background-image: url("button_bg.png"); background-repeat: no-repeat; background-position: center center; } ``` 在這個(gè)例子中，我們將背景圖居中顯示。 最后，如果我們需要將按鈕的背景圖和文本進(jìn)行組合，可以使用 background 和 color 屬性： ``` button { background: url("button_bg.png") no-repeat center center; color: white; } ``` 在這個(gè)例子中，我們用 background 同時(shí)設(shè)置了背景圖和位置，用 color 設(shè)置了文本顏色。 總結(jié)一下，我們可以使用 CSS 中的 background-image、background-repeat、background-position、background、color 等屬性來(lái)設(shè)置按鈕的背景圖及樣式。通過(guò)調(diào)整這些屬性的值，可以讓按鈕看起來(lái)更加美觀和專業(yè)。