在html里面怎么为一个按钮添加图片?

在html里面怎么为一个按钮添加图片?,第1张

方法1:

图片加一个onclick事件,用js事件来提交就可以实现。

例:<input type="image" src="图片地址" />

方法2:

有CSS把图片设为按钮背景就可以了

例: <input name="" type="button"  style=" width:10px height:10px  border:0 background:url(图片路径) no-repeat left top" />

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<button>标签中,加入样式代码:style="background: url(small2.png)width:150pxheight:60px"。

3、浏览器运行index.html页面,此时按钮被成功添加了图片。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7179333.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存