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

发布网友 发布时间：2022-04-23 00:36

我来回答

共4个回答

热心网友 时间：2022-04-04 16:39

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

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

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

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

热心网友 时间：2022-04-04 17:57

form表单中有个image图片按钮属性的
<form>

<input name="" type="image" src="images/register.jpg" class="btn" />
</form>

热心网友 时间：2022-04-04 19:32

方法1：

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

方法2：

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

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

热心网友 时间：2022-04-04 21:23

用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;}