如何在按钮一角的按钮上添加图像？

<button class="image-button">按钮</button>

.image-button {
  background-image: url('path/to/your/image.png');
  background-size: cover; /* 或者使用 contain 根据需要调整 */
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

<button class="image-button">
  <img src="path/to/your/image.png" alt="按钮图像">
  按钮
</button>

.image-button {
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.image-button img {
  width: 20px; /* 根据需要调整 */
  height: 20px; /* 根据需要调整 */
  margin-right: 10px;
}

<button class="image-button">按钮</button>

.image-button {
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
}

.image-button::before {
  content: '';
  background-image: url('path/to/your/image.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px; /* 根据需要调整 */
  height: 20px; /* 根据需要调整 */
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}