[分享]css中 img平铺整个页面

在CSS中，我们可以使用backgroundimage属性来设置页面背景图片，但有时我们希望图片可以平铺整个页面。这时候，我们可以使用标签，把图片插入到页面中，并使用CSS来调整图片的大小和样式。 首...

在CSS中，我们可以使用background-image属性来设置页面背景图片，但有时我们希望图片可以平铺整个页面。这时候，我们可以使用标签，把图片插入到页面中，并使用CSS来调整图片的大小和样式。
首先，在HTML中插入标签，并设置图片的路径：

<img src="image.jpg" alt="My Image"> 

然后，在CSS中，我们可以使用以下代码来实现让图片平铺整个页面：

/* 设置body和html的高度为100% */
body, html {
  height: 100%;
}
<br>
/* 设置img标签的宽度和高度为100% */
img {
  width: 100%;
  height: 100%;
} 

这样，图片就可以平铺整个页面了。需要注意的是，图片的大小和页面的大小应该相同，否则可能会出现拉伸或压缩的效果。
另外，我们还可以设置图片的背景颜色，让图片在不铺满页面时也不至于显得突兀：

/* 设置图片的背景颜色 */
img {
  background-color: #cccccc;
} 

以上就是通过CSS让图片平铺整个页面的简单方法。如果你想让图片更加美观，可以尝试配合使用其他CSS样式，如对图片进行阴影或边框的处理。