CSS中的按钮是网页设计中必不可少的元素之一，使用CSS可以为按钮添加背景、阴影、边框等样式。为了使网站的按钮更加个性化，我们可以使用CSS将按钮的背景变成图片。下面就让我们来学习一下如何使用CSS实现按钮背景变图片。

/*CSS代码*/.btn {width: 150px;height: 45px;border: none;background: url(images/button.png) no-repeat center center;background-size: cover;color: #ffffff;font-size: 18px;}.btn:hover {cursor: pointer;background-color: #0088cc;}

具体解释如下：

首先，要给按钮添加一个类名（class），例如.btn。然后，我们使用width和height等属性定义按钮的宽度和高度，border:none去掉按钮的边框。

接下来，我们使用background属性将按钮的背景变成图片。background:url(images/button.png) no-repeat center center;表示使用图片作为背景，no-repeat表示图片不重复，center center表示图片居中。background-size:cover;表示图像将被缩放以填充元素的整个内容框。

然后，我们设置按钮的字体颜色、大小等样式，达到更好的视觉效果。

最后，为了让按钮在鼠标悬停时有更好的交互效果，我们使用:hover伪类，设置按钮的背景颜色为#0088cc。同时，使用cursor:pointer让鼠标悬停时变为手型。

综上所述，以上CSS代码可以实现将按钮背景变成图片的效果。当然，我们还可以根据需要进行更改，让按钮更加符合自己的风格。