CSS中，我們可以為一個(gè)元素添加多個(gè)背景圖片來豐富頁面的視覺效果。

要為元素添加多個(gè)背景圖片，我們需要使用CSS3的多背景圖片屬性background-image。

background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);

當(dāng)有多個(gè)背景圖片時(shí)，它們的覆蓋順序是從后往前的，也就是說，最后一個(gè)背景圖片覆蓋在最前面的背景圖片上。

我們也可以為每個(gè)背景圖片設(shè)置其他屬性，比如背景圖片的重復(fù)方式、背景圖片的位置等。

background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
background-repeat: no-repeat, repeat-x, repeat-y;
background-position: center center, left top, right bottom;

在這個(gè)例子中，第一個(gè)背景圖片不重復(fù)，居中顯示；第二個(gè)背景圖片在水平方向重復(fù)，垂直方向不重復(fù)，左上角對齊；第三個(gè)背景圖片在垂直方向重復(fù)，水平方向不重復(fù)，右下角對齊。

多背景圖片屬性不僅可以接受圖片地址，還可以接受漸變色和線性漸變等值。

background-image: linear-gradient(to bottom, #f1ad4b, #f9574c), url(image.jpg);

這行代碼為元素設(shè)置了一個(gè)從上到下的漸變背景色和一張圖片背景。