Button是網(wǎng)頁設(shè)計中非常常用的一個元素，通過加入圖片可以讓Button更加生動鮮明，下面我將介紹如何使用CSS給Button加入圖片。

/*首先創(chuàng)建一個Button樣式*/
.button{
width: 100px;
height: 40px;
background-color: #3399FF;
color: white;
font-size: 16px;
border: none;
outline: none;
cursor: pointer;
}
/*然后給Button中添加圖片*/
.button img{
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: middle;
}

上面的代碼中，我們首先創(chuàng)建了一個Button的樣式，然后在Button樣式下面再寫了一個Button內(nèi)的圖片樣式。在Button樣式下面，我們定義了Button的一些基本屬性，包括寬、高、背景顏色、字體顏色、字體大小、邊框和鼠標(biāo)的指針。在Button內(nèi)加入圖片樣式中，我們定義了圖片的寬高和對齊方式。

接下來在Button中加入圖片，只需要在Button內(nèi)部插入一張圖片即可：

<button class="button"><img src="image.png">按鈕</button>

以上就是給Button加入圖片的全部代碼，簡單易懂。通過CSS，我們可以輕松地讓Button更加生動、美觀，提高頁面的用戶體驗。