CSS是一種用于控制網頁樣式的語言，可以通過它來設置網頁中的顏色、背景、字體、邊框等等。其中，添加圖片按鈕是網頁設計中最常見的操作之一。

/* 在CSS中添加圖片按鈕 */
.btn {
display: inline-block; /* 將按鈕顯示為行內元素 */
background-image: url("button.png"); /* 設置背景圖片 */
background-size: cover; /* 圖片填充整個按鈕 */
width: 100px; /* 設置寬度 */
height: 50px; /* 設置高度 */
text-align: center; /* 文字居中 */
line-height: 50px; /* 行高等于按鈕高度 */
color: white; /* 設置文字顏色 */
font-size: 16px; /* 設置文字大小 */
text-decoration: none; /* 去掉文字下劃線 */
}

上述代碼中，我們首先創建了一個類名為“.btn”的選擇器，通過設置display屬性將按鈕顯示為行內元素。然后，使用background-image屬性來添加圖片，同時設置background-size屬性讓圖片填充整個按鈕。接著，我們設置了按鈕的寬度、高度、文字顏色和大小，以及文字水平居中和垂直居中。最后，使用text-decoration屬性來去掉文字下劃線。

HTML代碼如下：

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

使用上述HTML和CSS代碼，可以輕松地添加自己喜歡的圖片按鈕。當然，更進一步的自定義樣式也可以通過CSS來實現。以上就是CSS如何添加圖片按鈕的介紹，希望對大家有所幫助。