设置html button图片

要在 HTML Button 上设置图片，可以使用以下方法：

1. 使用CSS样式

<button class="btn-icon"><img src="path/to/image.png" alt="button icon"></button>

<style>
    .btn-icon {
        background-color: transparent;
        border: none;
        padding: 0;
    }
    .btn-icon img {
        width: 30px; /* 设置图片宽度 */
        height: 30px; /* 设置图片高度 */
    }
</style>

2. 使用CSS伪元素

<button class="btn-icon"></button>

<style>
    .btn-icon {
        background-color: transparent;
        border: none;
        padding: 0;
        position: relative;
    }
    .btn-icon::before {
        content: "";
        background-image: url(path/to/image.png);
        background-repeat: no-repeat;
        width: 30px; /* 设置图片宽度 */
        height: 30px; /* 设置图片高度 */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>

以上两种方式都可以在 Button 上设置图片，具体哪种方式适合您的项目，可以根据您的实际情况来选择。