在CSS中，可以使用background-image屬性來導(dǎo)入背景圖片，以下是一些示例代碼，展示如何在CSS中導(dǎo)入背景圖片：

示例1：為HTML元素添加背景圖片

div {
  background-image: url('path/to/your/image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

示例2：為HTML文檔添加背景圖片

body {
  background-image: url('path/to/your/image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

示例3：添加多個背景圖片

div {
  background-image: url('path/to/image1.jpg'), url('path/to/image2.jpg');
  background-repeat: no-repeat, repeat;
  background-position: center, top;
}

示例4：使用CSS偽類添加背景圖片

div:before, div:after {
  content: "";
  background-image: url('path/to/your/image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

示例5：使用CSS變量添加背景圖片

:root {
  --background-image: url('path/to/your/image.jpg');
}
div {
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: center;
}

示例6：使用CSS函數(shù)添加背景圖片（如linear-gradient）

div {
  background-image: linear-gradient(to right, url('path/to/image1.jpg'), url('path/to/image2.jpg'));
}

示例7：使用CSS媒體查詢添加背景圖片（響應(yīng)式設(shè)計(jì)）

@media (min-width: 600px) {
  div {
    background-image: url('path/to/large-screen-image.jpg');
  }
}
@media (max-width: 599px) {
  div {
    background-image: url('path/to/small-screen-image.jpg');
  }
}