html怎样用图片做背景 让文字在图片上面

 时间:2024-09-23 02:19:07

html用图片做背痔辏哔刂景是很多刚开始做网页的小伙伴需要知道的。今天我就来分享一下html使用图片做背景以及文字浮在图片上面的经验帮助大家。

工具/原料

浏览器

电脑

visualstudiocode

方法/步骤

1、准备好图片和网页。

html怎样用图片做背景 让文字在图片上面

2、然后设置div高和宽。宽高最好和图片等比例一致哦。

html怎样用图片做背景 让文字在图片上面

3、然后设置背景,用url引入图片即可。

html怎样用图片做背景 让文字在图片上面

4、之后图片就成为了div的背景了呢。但是此处图片并没有完整地显示出来。

html怎样用图片做背景 让文字在图片上面

5、这时候可以设置背景size为cover选项。

html怎样用图片做背景 让文字在图片上面

6、然后图片就会自动以最适合的比例铺满div了呢。

html怎样用图片做背景 让文字在图片上面

html设置网页背景图片 网页设计HTML中如何插入背景图片 html图片如何居中 html设置网页背景图片全屏 html怎么让三张图片并列显示
热门搜索
可爱动漫女生图片 种子贴画图片 好看的唯美图片大全 微信怎么评论图片 元龙动漫在线观看