如何用Html，在图片上放按钮

有两种方法。

①：将图片做为背景，放上按钮。如：

<div style="width:100px height:100px background:url('1.jpg') 0 0 repeat">

    <input type="button" value="按钮" />

</div>

②：将按钮进行绝对定位，如：

<div style="position:relative">

    <img src="1.jpg" />

    <input type="button" value="按钮" style="position:absolute left:10px top:10px" />

</div>

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

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

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

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

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

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

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

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

---