html a标签添加图片，在html里面怎么为一个按钮添加图片

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

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。

第一种方式是image 作为背景图片，即：background:url(".......");

例如如下代码块：

div style="background:url('loading.gif') no-repeat; width:100px; height:50px"> 添加文字...添加文字...添加文字.../div>

第二种方式是将img块与文字块（文字块采用span标签显示）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：

div style="position: relative; width: 170px; height: 89px; ">

img src="loading.gif" width="170" height="89" alt="">

span style="position: absolute; top: 0; left: 0; "> 添加文字...添加文字...添加文字.../span>

/div>

第三种方式是将img块与文字块（文本块存放在div中）放在同一个div 中，然后设置他们之间的位置，例如如下代码块：

div style="position:relative; ">

img src="loading.gif" />

div style="position:absolute; z-index:2; left:10px; top:10px"> 添加文字...添加文字...添加文字.../div>

/div>

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！