Html 如何将带有文本的图像更改为按钮

我在Sketch中设计了一个移动视频聊天网站UI，并使用插件将设计转换为HTML和CSS。我需要把现在的按钮图像变成实际的按钮。下面是代码的样子

我需要把这个带文本的图片做成一个按钮

</div>
<div class="startbutton">
    <img anima-src="./img/iphone---during-chat-btn 1@2x.png" class="btn-view" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="/>
    <div class="start">
        START
    </div>

开始

点击我！
.按钮{
背景图像：url（'/image/img1.jpeg'）不重复；`在此处输入代码`
光标：指针；
}

---

在这里，您可以将图像背景添加到按钮，使按钮背景充满图像。

将其包装在按钮标签中。或者，让它看起来像一个带填充和边框的按钮。

你能添加代码片段吗？否则我们无法帮助你添加-抱歉，我不知道如何使我的代码显示为isSo。有什么问题吗？任何东西都可以是带有一些样式和单击处理程序的“按钮”。否则，如果你问如何制作带有图像的按钮，就会有这样一个问题：嗨，欢迎来到SO！不幸的是，我们提供了一个小片段（顺便说一句，它似乎生成了无效的标记），但是我们没有太多的上下文可供参考，因为我们无法知道类在做什么，或者.png是什么样子，或者甚至base64 img src是无效的，这使得这个问题很难解决。一般来说，不经努力就根据这里显示的图片为你索取一些东西是不可取的，所以你可能会得到一些反对票。但不要让它阻止你。把它看作是一个真正学习html/css的机会，这样你就不再需要工具了！：）

 <button> click me! </button>

.button {
        background-image: url ('/image/img1.jpeg') no-repeat;`enter code here`
        cursor:pointer;
    }