CSS是網頁設計中不可或缺的一部分，它可以實現各種各樣的效果，比如設置按鈕的樣式和添加圖片等等。本文將介紹如何在CSS中添加圖片來美化按鈕。

.button {
background-image: url('image.png');
background-repeat: no-repeat;
background-size: cover;
width: 100px;
height: 50px;
border: none;
outline: none;
cursor: pointer;
}

在上面的CSS代碼中，我們定義了一個class名為“button”的按鈕，我們使用了background-image屬性來添加圖片。在url()中引用了我們要使用的圖片，background-repeat: no-repeat表示要在按鈕中只顯示一次這個圖片，background-size: cover用來保持這個圖片的寬高比例，同時覆蓋整個按鈕。

此外，我們還可以設置按鈕的寬和高，border:none和outline:none用來去除按鈕的默認外邊框和輪廓線，cursor: pointer可以將鼠標光標變為手形，表示這是一個可點擊的按鈕。

在HTML中，我們只需要為需要添加圖片的按鈕添加class為“button”即可。

通過這樣的設置，我們可以在CSS中添加圖片來美化按鈕，使它們更加獨特、具有吸引力。