今日html中图片后面添加文字（HTMLcss怎样让文字覆盖在图片上面图片上加字）

大家好，小常来为大家解答以上问题。html中图片后面添加文字，HTMLcss怎样让文字覆盖在图片上面，图片上加字很多人还不知道，现在让我们一起来看看吧！

1、比如我在div里面书写了一些文字，然后想要在放入一张图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的。

2、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

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

4、如图，通过url()来连接图片，url里面放置的就是背景图片的路径。

5、如图，我就随意的放了一张图片用作背景，注意，路径要写对哦。

6、这样，保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。

本文到此结束，希望对大家有所帮助。

标签：

版权声明：本文由用户上传，如有侵权请联系删除！