css如何将图片铺满body（css怎么把图片铺满）

在网页设计中，常常需要将一张图片铺满整个页面，使网页内容更加丰富和鲜明。这时，CSS便可以派上用场了。

首先，在HTML的标签中，我们需要添加以下样式代码：

body {
    background-image: url('图片地址');
    background-size: cover;
}

其中，url()中的图片地址应该替换成你想要显示的图片地址。而background-size: cover则是将图片填满整个屏幕。

如果希望图片不被拉伸，而是按比例缩放，可以使用background-size: contain。而如果想要图片平铺，可以使用background-repeat: repeat。

除了直接在中设置背景图片外，我们也可以将图片作为一个元素来添加。以下是代码：

这里是网页内容。
.bg {
    background-image: url('图片地址');
    background-size: cover;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
    

这里，我们将图片作为一个div元素来添加，并设置它的宽和高为100%。同时，position: fixed和z-index: -1将它定位到整个页面的最底层，避免遮挡其他元素。

综上所述，使用CSS可以轻松地将图片填满整个页面，让你的网页更加绚丽多彩。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！