CSS按鈕圖片自適應是網頁設計中一個非常常見的技術，它可以讓圖片在按鈕背景中自適應大小，達到更美觀的效果。

實現(xiàn)這一目標的方法就是利用CSS的background屬性，通過設置background-size屬性的值為cover或contain，讓圖片自適應背景大小。

以下是一個實現(xiàn)按鈕圖片自適應的CSS代碼：

.btn {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: black;
text-decoration: none;
background-image: url(btn-bg.jpg);
background-size: cover;
background-position: center center;
}
.btn:hover {
background-image: url(btn-bg-hover.jpg);
}

上面的代碼中，btn類代表按鈕樣式，background-image屬性指定背景圖片路徑，background-size屬性設置背景圖片的大小適應背景區(qū)域，background-position屬性設置背景圖片的位置居中。

另外，通過:hover偽類來設置鼠標懸停時按鈕背景的變化，這可以讓我們在用戶交互中創(chuàng)造更好的體驗。

總之，利用CSS的background屬性可以輕松實現(xiàn)按鈕圖片自適應效果，讓網頁看起來更美觀，更加專業(yè)。