CSS3如何添加背景圖片

CSS3提供了強大的背景圖片添加功能，可以通過以下方式實現(xiàn)：

1、使用background-image屬性添加背景圖片。

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

2、使用background-repeat屬性控制背景圖片的重復方式。

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

3、使用background-position屬性控制背景圖片的位置。

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

4、使用background-size屬性控制背景圖片的大小。

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

5、使用多個背景圖片，通過逗號分隔。

body {
  background-image: url("image1.jpg"), url("image2.jpg");
}

需要注意的是，在使用背景圖片時，要確保圖片的路徑正確，并且圖片的尺寸和分辨率要適合所需的顯示效果，也要注意頁面的性能和響應速度，避免使用過大或過多的背景圖片導致頁面加載緩慢或崩潰。