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

 我来答
贝勒爷的皮
2020-12-27 · TA获得超过4439个赞
知道小有建树答主
回答量:246
采纳率:0%
帮助的人:3.4万
展开全部

需要准备的材料有:电脑,浏览器,HTML编辑器。

1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index。html,写出的基本问题代码。

2、 在<button>标签的索引。style="background: url(small2.png);宽度:150 px;高度:60px "。

3、当浏览器运行索引时。HTML页面中,按钮成功添加了图像。

百度网友f32124e
2018-11-06
知道答主
回答量:2
采纳率:0%
帮助的人:1430
展开全部
form表单中有个image图片按钮属性的
<form>

<input name="" type="image" src="images/register.jpg" class="btn" />
</form>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
起名字难呐啊
2018-03-14 · TA获得超过9072个赞
知道小有建树答主
回答量:35
采纳率:100%
帮助的人:5494
展开全部

方法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" />

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
可乐零七
高粉答主

2018-01-13 · 每个回答都超有意思的
知道顶级答主
回答量:6.3万
采纳率:76%
帮助的人:9931万
展开全部
用a标签模拟按钮即可。如:
html:
<a href="你要跳转页面的url" class="btn_a">按钮</a>
CSS:
.btn_a{width:100px; height:30px; line-height:30px; color:#fff; background-color:#d0af61; display:block;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式