Question

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

Answer 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" />

   

提示：需要把按钮的宽高设的和图片一样。

追问

那怎么点击按钮就可以播音乐

Answer 2

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

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

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

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

Answer 3

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