html背景图片自适应

要实现背景图片的自适应，可以使用CSS3中的background-size属性。该属性可以控制背景图片的大小和显示方式。

具体实现方法如下：

1. 在CSS样式中设置背景图片的URL和背景颜色：

body {
  background-image: url("background.jpg");
  background-color: #f5f5f5;
}

2. 设置background-size属性为cover或contain，控制背景图片的显示方式。cover表示背景图片会被拉伸并完全覆盖背景区域，可能会裁剪图片的某些部分；contain表示背景图片会按比例缩放以适应背景区域，可能会留有空白。

body {
  background-image: url("background.jpg");
  background-color: #f5f5f5;
  background-size: cover; /* 或者 contain */
}

3. 如果需要固定背景图片的位置，可以使用background-position属性。该属性可以设置背景图片的水平和垂直位置，可以使用像素值、百分比或关键词（如left、center、right等）。

body {
  background-image: url("background.jpg");
  background-color: #f5f5f5;
  background-size: cover; /* 或者 contain */
  background-position: center; /* 或者像素值、百分比 */
}

通过以上步骤，可以实现背景图片的自适应效果。