CSS是一種用于樣式和布局的語言，通過它我們可以為網(wǎng)頁增添美觀的效果。那么，如何將圖片添加在按鈕中呢？接下來讓我們使用CSS來了解吧！

.btn{
background-image: url('ButtonImage.png'); 
background-repeat: no-repeat; 
background-position: center; 
height: 50px; 
width: 150px;
}

以上代碼為添加圖片的CSS代碼，我們可以看到首先使用 background-image 屬性來指定圖片的地址。然后，使用 background-repeat 屬性來設(shè)置圖片是否要重復(fù)，若不希望重復(fù)則設(shè)置為 no-repeat。接下來則使用背景圖的定位屬性 background-position，將圖片放置在按鈕中間。最后，為了讓按鈕是可點(diǎn)擊的，設(shè)置按鈕的寬和高。

現(xiàn)在，讓我們在HTML文檔中添加一個按鈕，并應(yīng)用剛剛編寫的CSS代碼：

<button class="btn">按鈕</button>

以上代碼就是我們的HTML代碼，我們用 button 標(biāo)簽創(chuàng)建按鈕，然后為它添加了一個 class 屬性并設(shè)置為“btn”，這就是我們在CSS代碼中用的類名。這個按鈕中間就會帶有一張 ButtonImage.png 圖片。

通過CSS添加圖片到按鈕中，不僅僅使得按鈕看起來更美觀，也能夠提高用戶的操作體驗(yàn)，使得網(wǎng)站更加易于使用。