1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<button>标签中，加入样式代码：style=”background: url(small2.png);width:150px;height:60px”。
3、浏览器运行index.html页面，此时按钮被成功添加了图片。
1.新建一个html文档，在body中新建两个div，一个是class属性为aa的div，另一个是class属性为bb的div。
2.在文件内，在两个div内分别加上一个图片标签img，并且写上两个图片的路径3.在html文件内，使用css对两个div的样式进行定义，分别设置其position属性为absolute，即两张图片在页面的位置是绝对定位4.在html文件内，使用z-index设置两张图片的叠加的顺序，设置图片一在下面，图片二在上面。5.在html文件内，通过left和top分别设置div距离页面左边缘的距离和距离页面上边缘的位置，实现两个图片叠加。6.在浏览器打开html文件，查看实现图片叠加的效果。
第一种方式是image 作为背景图片，即：background:url(“…….”);
例如如下代码块：
<div>添加文字…添加文字…添加文字…</div>
第二种方式是将img块与文字块（文字块采用span标签显示）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：
<div>
< img src=”loading.gif” width=”170″ height=”89″ alt=””>
<span>添加文字…添加文字…添加文字…</span>
</div>
第三种方式是将img块与文字块（文本块存放在div中）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：
<div>
< img src=”loading.gif” />
<div>添加文字…添加文字…添加文字…</div>
</div>
