CSS中如何更換圖片背景圖片

在CSS中，你可以使用background-image屬性來更換圖片背景圖片，以下是一些示例代碼，幫助你快速上手：

示例1：更換背景圖片

body {
  background-image: url('new-image.jpg');
}

示例2：更換特定元素的背景圖片

#header {
  background-image: url('header-image.png');
}

示例3：更換背景圖片并設(shè)置其他樣式屬性

body {
  background-image: url('new-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

示例4：使用CSS變量更換背景圖片

:root {
  --background-image: url('new-image.jpg');
}
body {
  background-image: var(--background-image);
}

示例5：使用媒體查詢更換背景圖片

@media (min-width: 768px) {
  body {
    background-image: url('large-screen-image.jpg');
  }
}

示例6：使用CSS偽類更換背景圖片

div:hover {
  background-image: url('hover-image.png');
}

通過以上示例，你可以輕松地在CSS中更換圖片背景圖片，記得根據(jù)你的具體需求調(diào)整代碼。