CSS盒子中添加圖片的方法

在CSS盒子中添加圖片，可以使用background-image屬性來(lái)實(shí)現(xiàn)，該屬性可以指定盒子的背景圖像，包括圖片的路徑、大小、重復(fù)方式等。

以下代碼可以將一張圖片添加到CSS盒子中：

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

div是盒子的選擇器，background-image是屬性名，url('image.jpg')是圖片的路徑。

除了圖片路徑外，background-image屬性還可以指定圖片的大小、重復(fù)方式等，以下代碼可以將圖片放大到盒子的寬度和高度：

div {
  background-image: url('image.jpg');
  background-size: 100% 100%;
}

background-size屬性指定了圖片的大小，100% 100%表示將圖片放大到盒子的寬度和高度。

background-repeat屬性可以指定圖片的重復(fù)方式，以下代碼可以將圖片橫向重復(fù)填充盒子：

div {
  background-image: url('image.jpg');
  background-repeat: repeat-x;
}

repeat-x表示將圖片橫向重復(fù)填充盒子。

需要注意的是，如果圖片路徑中的文件名包含特殊字符或空格，需要使用引號(hào)將路徑括起來(lái)。

div {
  background-image: url("image with spaces.jpg");
}

就是在CSS盒子中添加圖片的方法。