在html里面怎么为一个按钮添加图片_随笔

哎呀，你随便百度一下就有的，标题都一模一样。。。我下面的是直接复制的哈

方法1：

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

例：

方法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、在<button>标签的索引。style="background: url(small2.png)宽度:150 px高度:60px "。

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

1、首先将网页文件和需要到的图片放到同一个文件中。

2、在文件夹中，鼠标右键单击空白处选择打开“文本文档”。

3、然后打开文本文档，点击输入下方的代码：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

4、然后点击打开左上角文件中的“另存为”，重命名新建文本文档为index.html，回车确定。

5、然后选择想要的背景图片。

6、点击index.html，右键浏览器打开预览效果。

7、然后就完成了。

欢迎分享，转载请注明来源：内存溢出

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