养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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怎样用图片做背景 让文字在图片上面

© 一点知识