如何在html中设置图片按钮

今天就跟大家聊聊有关如何在html中设置图片按钮，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

html中把图片变成按钮

代码如下：

<input type="image"><input type="submit" style="background: url('图') no-repeat;"><input type="button" style="background: url('图') no-repeat;" οnclick="提交的js"><button style="background: url('图') no-repeat;" οnclick="提交的js">文字</button><img src="图" οnclick="提交的js"><span style="border:1px solid #000000;background: url('图') no-repeat;" οnclick="提交的js">&nbsp;</span>

相关介绍：

<input> 标签用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

看完上述内容，你们对如何在html中设置图片按钮有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注编程网精选频道，感谢大家的支持。