CSS按钮是网页设计中经常用到的元素之一，而其中使用图片代替按钮的方式也是一种常见方法。下面我们来看看如何使用图片代替CSS按钮。

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

上述代码中，我们首先定义了按钮的宽度和高度，并通过使用背景图像的方式来替换了按钮的样式。其中的url("button.png")指定了需要使用的图片路径。

由于使用背景图像后原来的文本会被覆盖，因此我们可以使用text-indent: -9999px;将原来的文本缩进隐藏掉。而border: none;则是为了去除原来的边框。

最后，我们还需要将鼠标样式定义为指针，以增加用户的交互体验：

.btn:hover {cursor: pointer;}

以上就是使用图片代替CSS按钮的基本方法。我们可以通过更换图片路径、修改按钮大小等方式来实现不同的样式效果。