HTMLcss怎样让文字覆盖在图片上面,图片上加字

作者:暴躁小n | 创建时间: 2023-06-05
HTML中怎样让文字覆盖在图片的上面这个问题对于初学网页的小伙伴来说有点难,今天小编我就来分享一下网页中文字在图片上面的方法。...
HTMLcss怎样让文字覆盖在图片上面,图片上加字

操作方法

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

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

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

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

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

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

温馨提示

如果这条帮助到了你,可以把它分享给你的小伙伴们哦。
也可以点击头像浏览我的其他,有什么问题可以评论留言哦!
点击展开全文

更多推荐