CSS 按鈕是網頁設計中常見的元素，可以起到引導用戶點擊的作用。在設計按鈕樣式時，背景圖案是一個重要的元素。自適應背景圖案可以讓按鈕在不同設備屏幕上達到更好的顯示效果。

為了實現自適應背景圖案，我們需要使用 CSS3 中的背景屬性。其中，background-size 屬性可以設置背景圖案的尺寸。該屬性的值可以使用像素（px）、百分比（%）和 cover、contain 等預定義值。其中，cover 值可以讓背景圖案拉伸至填滿按鈕區域，但可能存在圖像變形的情況；contain 值可以讓背景圖案等比例縮放，但可能存在空白區域的情況。

button {
background-image: url('button-bg.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

上述代碼中的 background-image 屬性設置了按鈕的背景圖案，在這里我們使用了 button-bg.png 文件。background-repeat 屬性設置了圖案不重復顯示。background-position 屬性設置了背景圖案的位置，這里將其設置為居中。background-size 屬性設置了圖案的尺寸，這里使用了 cover 值。

以上是一些簡單的介紹和代碼示例。在實際項目中，我們還需要考慮到不同屏幕尺寸、設備類型等因素，進行多種兼容性和適應性處理。希望本文能夠對大家在使用 CSS 按鈕設計中有所幫助。