带图像/css的Javascript按钮?

带图像/css的Javascript按钮?,javascript,button,Javascript,Button,我问了一个有点傻的问题。。。 无法理解如何创建带有图像的按钮 到目前为止,我已经来到了 <form> <input type="button" value="back" onclick="history.back()"> </form> 我希望使用f.e images/back.jpg按钮,而不是“back”按钮 我需要在css中创建一个新的类按钮吗 谢谢大家! 您可以使用标记和图像作为html内容 您可以在按钮上使用背景url样式 <b

我问了一个有点傻的问题。。。 无法理解如何创建带有图像的按钮 到目前为止,我已经来到了

<form>
    <input type="button" value="back" onclick="history.back()">
</form>

我希望使用f.e images/back.jpg按钮,而不是“back”按钮

我需要在css中创建一个新的类按钮吗

谢谢大家!

您可以使用
标记和图像作为html内容


您可以在按钮上使用背景url样式

<button class="button"></button><br>
<input class="button" type="button" onclick="history.back()">
<style>
.button {
  height:50px;
  width:50px;
  background: url(https://lh3.ggpht.com/sqPcTNRtM6vc4pzWXWXIR6KxnRwbIz4LIYKvqwr1l__gPYkx24sV4Ak1oc2sN99dVA=w300);
  background-size: 100% 100%;
}
</style>

.按钮{ 高度:50px; 宽度:50px; 背景:url(https://lh3.ggpht.com/sqPcTNRtM6vc4pzWXWXIR6KxnRwbIz4LIYKvqwr1l__gPYkx24sV4Ak1oc2sN99dVA=w300); 背景大小:100%100%; }

请参见

谢谢,是否有可能删除原始按钮图片周围的按钮框?