本文目錄導(dǎo)讀：

1. 使用背景顏色
2. 使用背景圖像
3. 使用背景重復(fù)
4. 使用背景位置

CSS設(shè)置按鈕背景的方法

在CSS中設(shè)置按鈕背景，可以通過(guò)以下方式實(shí)現(xiàn)：

使用背景顏色

可以使用CSS的background-color屬性來(lái)設(shè)置按鈕的背景顏色，將按鈕背景設(shè)置為紅色：

button {
  background-color: red;
}

使用背景圖像

除了背景顏色外，還可以使用CSS的background-image屬性來(lái)設(shè)置按鈕的背景圖像，將按鈕背景設(shè)置為一張圖片：

button {
  background-image: url('image.png');
}

使用背景重復(fù)

如果想要讓背景圖像或顏色在按鈕上重復(fù)顯示，可以使用CSS的background-repeat屬性，讓背景圖像在按鈕上水平重復(fù)：

button {
  background-image: url('image.png');
  background-repeat: horizontal;
}

使用背景位置

可以使用CSS的background-position屬性來(lái)調(diào)整背景圖像或顏色的顯示位置，將背景圖像顯示在按鈕的右下角：

button {
  background-image: url('image.png');
  background-position: right bottom;
}

通過(guò)以上方法，可以輕松地設(shè)置CSS按鈕的背景，使按鈕更加美觀和實(shí)用。