html设置图片按钮的方法:首先创建一个HTML示例文件;然后通过button标签创建一个按钮;最后通过background属性设置图片即可。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
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"> </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视频教程】
以上就是html怎么设置图片按钮的详细内容,更多请关注php中文网其它相关文章!
已抢62199个
抢已抢110858个
抢已抢46792个
抢已抢133591个
抢已抢32337个
抢