CSS是網站設計中必不可少的一部分，可以用來控制網站的頁面布局、字體樣式、顏色以及按鈕樣式等等。本文將著重介紹如何使用CSS設置按鈕背景圖片。

在開始設置按鈕背景圖片之前，我們需要先了解一下CSS中的“背景圖片”屬性，它的名稱為background-image，其基本語法如下：

selector{
background-image: url("image.jpg");
}

其中，selector表示要設置背景圖片的HTML元素，url("image.jpg")表示引用的圖片文件名。當然，在引用圖片時，還可以使用其他的文件路徑或網址。

利用以上語法，我們可以輕松地在CSS中設置按鈕背景圖片。下面是一個實際的例子：

.btn{
width: 100px;
height: 50px;
background-image: url("button.png");
background-repeat: no-repeat;
border: none;
color: #fff;
font-size: 16px;
text-align: center;
}

以上代碼中，.btn表示要設定的按鈕元素，width和height表示按鈕的寬度和高度，background-image屬性將按鈕的背景圖片設置為button.png，background-repeat屬性表示不重復背景圖片，border屬性表示按鈕邊框不顯示，color屬性表示按鈕文本顏色為白色，font-size屬性表示按鈕文本大小為16px，text-align屬性表示按鈕文字居中。

通過以上代碼的設置，我們可以得到一個看起來非常美觀的按鈕。

總結一下，CSS中的background-image屬性可以用來設置按鈕、容器等背景的圖片，使用時只需要簡單地在CSS中加入一行代碼即可。同時，為了讓按鈕表現得更加美觀，我們還可以通過調整按鈕的大小、文本顏色、字體等CSS屬性值來達到效果。