Html让文字显示在图片的上面?
1、在div里面书写了一些文字,然后想要在放入一张图片。
2、首先,我们应该先给div设置宽度和高度,保权证文字有一个范围。
3、然后通过background给div添加一张图片作为它的背景。
4、通过url()来连接图片,url里面放置的就是背景图片的路径。
5、放一张图片用作背景,注意,路径要写对。
6、保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。
html中可以用css相对定位让文字在图片的上面。
1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加img标签和p标签,这时文字和图片是分开的:
2、分别为div标签和p标签添加“position: relative;”和“position: absolute;”,这时p标签和div标签就形成了相对关系:
3、为p标签设置“top”和“left”属性,属性值为距离顶部和左侧的长度,这时文字就会显示在图片的上面: