CSS是指层叠样式表，是一种网页设计语言，它可以让网页更美观、更有吸引力。在网页设计中，常常需要往按钮上添加图片，这样可以为按钮增加更多的元素，使其更具吸引力。本文将介绍如何使用CSS在按钮上添加图片。 首先，我们需要在HTML中添加一个按钮。代码如下：

<button>按钮</button>

接下来，我们需要在CSS中定义样式。具体而言，我们需要使用background-image属性来添加图片。

button {
background-image: url('图片链接');
}

在代码中，我们需要将图片链接替换为实际的图片链接。如果图片和HTML文件在同一文件夹中，可以直接使用图片名称。如果图片在不同的文件夹中，需要指定文件夹路径。 此外，我们还可以使用background-position属性来设置图片的位置。例如，我们想把图片放在按钮的右侧，可以使用以下代码：

button {
background-image: url('图片链接');
background-position: right center;
}

在代码中，我们使用了right关键字表示图片放在右侧，同时使用center关键字表示图片在垂直方向上居中显示。 最后，我们还可以使用background-repeat属性来控制图片的重复方式。默认情况下，图片会在水平和垂直方向上重复显示。如果我们不希望图片重复显示，可以使用以下代码：

button {
background-image: url('图片链接');
background-position: right center;
background-repeat: no-repeat;
}

在代码中，我们使用了no-repeat关键字表示图片不重复显示。 总之，通过使用CSS的background-image、background-position和background-repeat属性，我们可以很容易地在按钮上添加图片，为网页增加更多元素，从而为用户提供更好的体验。