CSS 是前端開發必須學習的一項基礎技能。在網站美化過程中，背景圖像是一個非常重要的元素，可以使網站更具有吸引力。在 CSS 中如何添加多張背景圖像呢？下面我們來詳細介紹。

首先，我們需要了解 CSS 多背景圖實現的一些基本知識。通過 CSS3 的新增屬性 background-image 可以實現在一個區塊內添加多張背景圖。對于多張背景圖，我們可以設置它們在元素中的堆疊順序，以及它們與元素內容的位置和大小等等。

接下來，我們以一個實例來演示如何添加多張背景圖像。首先，我們可以使用下面的 CSS 代碼來添加兩張背景圖像：

div {
background-image: url(image1.jpg), url(image2.jpg);
background-repeat: no-repeat, repeat;
background-position: center center, top left;
background-size: auto, cover;
}

使用逗號分隔的 url() 函數來指定我們需要添加的圖片。我們可以針對每張背景圖像指定不同的屬性，比如這里我們只對第二張背景圖像設置了變化，使其重復出現。對于背景圖像在元素中的位置和大小，可以使用 background-position 和 background-size 屬性進行設置。

總結一下：通過設置 background-image 屬性，我們可以在一個元素中添加多張背景圖像，并使用屬性來控制它們的位置，大小以及堆疊順序。這樣的技巧可以幫助我們實現更加豐富的頁面設計。