本文摘自PHP中文网，作者藏色散人，侵删。
html设置图片按钮的方法：首先创建一个HTML示例文件；然后通过button标签创建一个按钮；最后通过background属性设置图片即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
html中把图片变成按钮
代码如下：
1 2 3 4 5 6 | <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>
|
相关介绍：
阅读剩余部分
相关阅读 >>
如何清除浮动？Html中:after伪元素清除浮动的方法实现 （代码）
Html aside标签怎么用
Html的<meter>标签是做什么的
在Html里用css隐藏div的方法
Html怎么设置不换行
Html的<body> 标签
Html h1标签怎么居中？有关于Html中的h1居中实例解析
Html超链接默认字体颜色怎么清除
ae和Html的区别是什么
Html tfoot标签怎么用
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html怎么设置图片按钮
