css中设置背景图拉伸铺满容器，代码如下：

.mycss{
    background-image:url('./image/bg.png');
    background-size:cover;
    background-repeat:no-repeat;
}

有时候还可以写成如下：

.mycss{
    background-image:url('./image/bg.png');
    background-size:cover;
    background-repeat:100%;
}

建议使用第一种。
background-image ：设置元素的背景图片。background-repeat ：设置如何平铺背景图片。background-position ：设置背景图片的位置。background-size ：设置背景图片的大小。

取值说明

  • cover：等比缩放，使图片完全覆盖容器，可能裁掉超出部分。
  • contain：等比缩放，使图片完整显示，可能留白。
  • 100% 100%：拉伸铺满，可能变形。

常配合 background-repeat: no-repeat 使用；若容器高度由内容撑开，需先给容器明确高度，铺满效果才可见。

相关阅读

参考资料