CSS的按钮可以根据需要进行定制和美化，使其成为漂亮好看的图片。下面介绍一些方法，让你的CSS按钮变成图片。

.btn {background-image: url("button.png");background-repeat: no-repeat;width: 100px;height: 40px;border: none;cursor: pointer;}

以上代码可以将背景图片应用到CSS按钮中。在这个例子中，我们使用了一个名为button.png的图片作为按钮的背景。

我们还可以使用CSS3的边框半径属性，创建圆形或椭圆形的按钮。

.btn {background-color: #123456;border-radius: 50%;width: 60px;height: 60px;border: none;cursor: pointer;}

在这个例子中，我们创建了一个有圆形边框半径的按钮。通过使用border-radius属性和50%的值，我们可以实现圆形形状的按钮。同样，我们可以使用不同的值来创建椭圆形状的按钮。

除了背景图片和边框半径，我们还可以使用阴影、渐变和图标等属性来美化CSS按钮。

.btn {background-color: #ff6f69;border: none;padding: 15px 60px;color: #fff;text-shadow: 0px 1px 0px #000;box-shadow: 0px 5px 0px #c95c56;background-image: -webkit-linear-gradient(bottom, #ff6f69, #c95c56);background-image: -moz-linear-gradient(bottom, #ff6f69, #c95c56);background-image: -o-linear-gradient(bottom, #ff6f69, #c95c56);background-image: -ms-linear-gradient(bottom, #ff6f69, #c95c56);background-image: linear-gradient(to top, #ff6f69, #c95c56);font-size: 18px;font-weight: bold;cursor: pointer;}.btn:before {content: ">";font-family: Arial;font-size: 24px;font-weight: bold;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}

在这个例子中，我们使用了文本阴影、盒子阴影、渐变效果、图标等属性来美化CSS按钮。使用:before选择器，在按钮的前面插入了一个">"号图标，使用绝对定位和transform属性将其垂直居中。

以上是几种将CSS按钮变成图片的方法，你还可以根据自己的需求和创意进行改进，让你的CSS按钮更加个性化和出彩。