html中背景图片如何平铺

 时间:2026-04-22 05:00:36

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

html中背景图片如何平铺

html中背景图片如何平铺

2、首先定义一个<div></div>

如图所示

html中背景图片如何平铺

3、然后在div里定义一张图片,输入

<img src="1.jpg">

html中背景图片如何平铺

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

html中背景图片如何平铺

5、在img标签里面输入

height="100%

如图所示

html中背景图片如何平铺

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

html中背景图片如何平铺

  • 如何在html中让图片和文字居中对齐
  • HTML代码如何去除超链接的下划线
  • HTML怎么添加滚动条
  • html轮播图怎么制作
  • html字间距怎么设置
  • 热门搜索
    清明节手抄报图片大全 家乡的变化手抄报 小小手抄报 防溺水手抄报简单漂亮 2035年的祖国手抄报 节约粮食的手抄报 小学一年级手抄报 关于体育的手抄报 中秋节手抄报图片大全 开学第一课手抄报小学