CSS是網頁設計中不可或缺的一部分。它可以讓我們實現各種視覺效果，包括給元素添加背景圖。在CSS中，我們可以通過background屬性為元素添加背景圖。

例如，下面的CSS代碼可以給一個元素（#example）添加一張背景圖（bg1.jpg）：

#example {
background: url('bg1.jpg') no-repeat center center;
}

那么，如果我們需要為同一個元素添加兩張背景圖呢？這種需求是很常見的，比如做滾動頁面時需要添加一個背景圖和一個遮罩層。此時，我們可以使用多背景圖屬性（multiple backgrounds）來實現。

多背景圖屬性為background改變添加多個背景圖的方式，它可以接受多個值，每個值用逗號分隔。

例如，下面的CSS代碼為一個元素添加兩張背景圖（bg1.jpg和mask.png）：

#example {
background: 
url('bg1.jpg') no-repeat center center,
url('mask.png') no-repeat center center;
}

以上代碼便實現了為同一個元素添加兩張背景圖的目的。