html怎么用div做按钮？如下面这张图...

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

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

2、其次，在index.html中的按钮标签中，输入样式代码：

style="width: 80pxheight: 40pxbackground-color: #e6b900border: 0pxborder-radius: 3px"

3、浏览器运行index.html页面，此时成功将提交按钮修改为黄色div样式。

1、首先打开hbuilder，新建一个html文件，在里面写入input按钮设置id属性并绑定添加按钮的事件：

2、然后在下面的script标签中编写按钮事件函数，里面首先用createElement函数创建一个input标签，设置type属性和value属性，最后给新按钮添加点击的监听事件，当点击以后就创建这个按钮，最后在函数最外层调用一下就可以了：

3、最后打开浏览器，可以看到一个添加按钮的按钮：

4、多次点击该按钮，下方会新建出一排按钮：

可以把图片做成Div的背景，在div里面加按钮, 设定其样式

也可以用浮动来实现按钮漂浮在图片上方

亦或者是把图片做成按钮， 给按钮宽高，边框为无，背景为图片

<div style="background:url('images/1.jpg') no-repeat">

<button>Click Me</button>

</div>

---