CSS自动更换背景图片

CSS可以通过设置background-image属性来更换背景图片。

例如，如果要更换背景图片为"bg.jpg"，可以使用以下代码：

body {
  background-image: url("bg.jpg");
}

这将使整个页面的背景图片更换为"bg.jpg"。

如果要在不同的页面中使用不同的背景图片，可以给不同的页面设置不同的CSS样式。

例如，在首页中使用"home-bg.jpg"作为背景图片，在联系页面中使用"contact-bg.jpg"作为背景图片，可以使用以下代码：

/* 首页样式 */
body.home {
  background-image: url("home-bg.jpg");
}

/* 联系页面样式 */
body.contact {
  background-image: url("contact-bg.jpg");
}

然后，在HTML中给不同的页面添加相应的class名称：

<!-- 首页 -->
<body class="home">
  ...
</body>

<!-- 联系页面 -->
<body class="contact">
  ...
</body>

这样，CSS会根据页面的class名称自动更换相应的背景图片。