您现在的位置是:首页 > 精选知识 >正文

今日html图片上面怎么添加文字(HTMLcss怎样让文字覆盖在图片上面图片上加字)

发布时间:2022-08-22 02:45:26沈清航来源:

导读大家好,小常来为大家解答以上问题。html图片上面怎么添加文字,HTMLcss怎样让文字覆盖在图片上面,图片上加字很多人还不知道,现在让我们...

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

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

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

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

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

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

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

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

标签:

上一篇
下一篇

最新文章