html+css怎么在图片上添加文字

html+css在图片上添加文字有两种方法如下：

1.添加一个DIV，采用绝对定位，图片所属DIV为基准

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法:图片作为背景图片

<div style="background:url(abc.jpg) no-repeat left top">

wenzi

</div>

背景图片现在有了，然后在上面写上你需要写的字就可以了。

工具/材料：电脑。

css让文字显示在图片上的 *** 作步骤如下：

1、首先在div里面书写文字，然后放入1张图片。

2、这时应该先给div设置宽度和高度，保证文字有1个范围。

3、然后通过background给div添加1张图片作为它的背景。

4、然后通过url()来连接图片，这个时候url里面放置的就是背景图片的路径。

5、然后放入1张图片用作背景，注意路径正确。

6、最后点击保存，文字就会覆盖在图片上，css让文字显示在图片上的问题就解决了。

---