如何使图片填满整个div标签

如何使图片填满整个div标签,第1张

1、首先我们打开sublime text软件,新建一个html页面,然后在在页面中添加html的基本结构

2、然后我们在html的body区域添加一个div,并且给div设置一下宽高以及边框的样式,

3、运行程序以后,你就会看到如下图所示的div区域,我们接下来就要给这个区域添加背景图片

4、然后我们回到html文档,在div的样式规则里面添加background-image属性,给此属性指定一个图片路径,运行以后你就会看到背景图片了

可以使用HTML中的<img>标签将图片添加到div中,只需要给img标签指定图片的路径即可:

html

<div>

<img src="你的图片路径" />

</div>

1、在div里面书写了一些文字,然后想要在放入一张图片。

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

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

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

5、放一张图片用作背景,注意,路径要写对。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11875097.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存