手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html中背景图片如何平铺

时间:2024-10-12 11:16:46

1、新建一个html文档,如图所示

html中背景图片如何平铺
html中背景图片如何平铺

2、首先定义一个<div></div>如图所示

html中背景图片如何平铺

3、然后在div里定义一张图片,输入<img src="1.jpg">

html中背景图片如何平铺

4、然后按f12可以看见图片并没有平铺,而是整张图片的大小就挂在网页,并没有缩放

html中背景图片如何平铺

5、在img标签里面输入height="100%" width=&孥恶膈茯quot;100%"如图所示

html中背景图片如何平铺

6、最后按f12预览可以看到图片平铺了,对比上一张图片可以看到图片缩放了

html中背景图片如何平铺
© 手抄报圈