CSS是前端開發中非常重要的一個部分，它可以用來控制HTML文檔中的樣式，包括文字、顏色、大小、位置等等。其中，添加圖片按鈕也是開發中非常重要的功能，可以讓網站更加美觀。下面就來介紹一下如何在CSS中添加圖片按鈕。
首先，我們需要在HTML文檔中添加一個按鈕元素，可以使用下面的代碼：

<button>點擊按鈕</button>

接下來，我們需要在CSS文件中給這個按鈕添加圖片。可以使用以下代碼：

button {
background-image: url('圖片路徑');
width: 100px;
height: 50px;
border: none;
cursor: pointer;
}

這里需要注意的是，'圖片路徑'需要換成我們自己的圖片路徑。另外，我們還可以設置按鈕的寬度、高度以及邊框等樣式。最后，我們還可以設置鼠標在按鈕上時的樣式，可以使用'cursor: pointer;'讓鼠標變成手型。
除了在CSS文件中設置圖片按鈕的樣式外，我們還可以使用偽元素來為按鈕添加圖標。代碼如下：

button:before {
content: url('圖標路徑');
margin-right: 10px;
}

這里的':before'表示在按鈕前添加偽元素。'content'屬性用來設置偽元素的內容，可以用'::before'或':before'來表示。另外，我們還可以設置偽元素的間距、大小等樣式。
總之，在CSS中添加圖片按鈕是非常簡單的，只要添加幾行代碼就可以了。希望這篇文章對你有所幫助。