CSS上存圖片的按鈕，也被稱為按鈕背景圖，是在按鈕上添加一張圖片作為背景的方法。這種方法可以美化按鈕的外觀，使其看起來更加有吸引力，并且可以為按鈕添加更多的風(fēng)格。那么，如何在CSS中添加按鈕背景圖呢？以下是一個(gè)簡(jiǎn)單的示例：

button {
background-image: url("images/button-bg.jpg");
background-repeat: no-repeat;
background-size: auto 100%;
border: none;
color: #fff;
padding: 10px 20px;
}

首先，我們需要為按鈕設(shè)置一個(gè)背景圖片。這可以通過background-image屬性來完成。在這個(gè)例子中，我們將圖片文件命名為"button-bg.jpg"并放在一個(gè)名為"images"的文件夾中。所以，我們使用url()函數(shù)將其添加到CSS中。

接下來，我們?cè)O(shè)置background-repeat屬性為no-repeat，以確保背景圖只出現(xiàn)一次。background-size屬性指定了背景圖的大小，這里我們?cè)O(shè)定寬度為自適應(yīng)，高度為100%。border屬性被設(shè)置為none，取消按鈕的邊界。color屬性設(shè)置為白色，以在背景圖上顯示文本的顏色。最后，padding屬性用于設(shè)置按鈕的內(nèi)邊距。

您可以根據(jù)自己的需要更改這些屬性的值，以便創(chuàng)建您想要的按鈕。有了這個(gè)簡(jiǎn)單的代碼示例，您可以制作一個(gè)自定義的、漂亮的按鈕。