CSS按钮是网站设计中常见的一种交互元素，能够提升用户体验和视觉效果。除了常见的文字按钮外，也可以在按钮中加入图片来丰富按钮的外观和功能。

/* 添加背景图片 */.btn {background-image: url("image.png");background-repeat: no-repeat;background-size: cover; }/* 添加带有图标的文字按钮 */.icon-btn {background-color: #007bff;color: #fff;padding: 10px 20px;border: none;border-radius: 5px;background-image: url("icon.png");background-size: 20px 20px;background-position: left center;background-repeat: no-repeat;padding-left: 40px;}

在上面的代码中，我们使用了background-image属性来添加背景图片，而background-size、background-position和background-repeat属性可用于对图片进行定位、尺寸和重复设置。在添加带有图标的按钮时，我们使用了padding-left属性来给文字留出图标的位置，并使用background-position属性来设置图标在背景中的位置。

需要注意的是，在使用图片作为按钮的背景时，需对图片进行优化，以使加载速度更快，同时保持良好的视觉效果。另外，也可以使用<img>标签来在按钮中添加图片，不过需对按钮的样式和布局进行一定的调整。