CSS是指層疊樣式表，是一種網頁設計語言，它可以讓網頁更美觀、更有吸引力。在網頁設計中，常常需要往按鈕上添加圖片，這樣可以為按鈕增加更多的元素，使其更具吸引力。本文將介紹如何使用CSS在按鈕上添加圖片。 首先，我們需要在HTML中添加一個按鈕。代碼如下：

<button>按鈕</button>

接下來，我們需要在CSS中定義樣式。具體而言，我們需要使用background-image屬性來添加圖片。

button {
background-image: url('圖片鏈接');
}

在代碼中，我們需要將圖片鏈接替換為實際的圖片鏈接。如果圖片和HTML文件在同一文件夾中，可以直接使用圖片名稱。如果圖片在不同的文件夾中，需要指定文件夾路徑。 此外，我們還可以使用background-position屬性來設置圖片的位置。例如，我們想把圖片放在按鈕的右側，可以使用以下代碼：

button {
background-image: url('圖片鏈接');
background-position: right center;
}

在代碼中，我們使用了right關鍵字表示圖片放在右側，同時使用center關鍵字表示圖片在垂直方向上居中顯示。 最后，我們還可以使用background-repeat屬性來控制圖片的重復方式。默認情況下，圖片會在水平和垂直方向上重復顯示。如果我們不希望圖片重復顯示，可以使用以下代碼：

button {
background-image: url('圖片鏈接');
background-position: right center;
background-repeat: no-repeat;
}

在代碼中，我們使用了no-repeat關鍵字表示圖片不重復顯示。 總之，通過使用CSS的background-image、background-position和background-repeat屬性，我們可以很容易地在按鈕上添加圖片，為網頁增加更多元素，從而為用戶提供更好的體驗。