本文摘自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显示分割
Html隐藏属性是什么
Html文本框颜色怎么设置
js和Html的区别是什么
Html块级标签,行内标签,行内块标签的显示模式有哪些
关于Html操作滚动条的方法
Html如何合并表格
前端开发者必须知道的http协议相关知识
Html如何让字体自动变色
Html中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么设置图片按钮