CSS是前端開發中非常重要的一部分，負責樣式的呈現與布局。在CSS中，經常需要加載多張圖片來實現網頁的視覺效果。下面我們通過以下步驟來學習CSS如何加載多張圖片。
首先，在HTML中使用img標簽指定圖片的路徑：
然后，在CSS中，我們可以使用background-image屬性來設置背景圖片。同時，如果需要加載多張圖片作為背景，則可以使用逗號分隔的多個URL：

p {
background-image: url("image1.jpg"), url("image2.jpg");
background-position: top left, center right;
background-repeat: no-repeat, repeat-y;
background-size: cover;
}

在上面的代碼中，我們使用background-image屬性來加載兩張圖片，并使用逗號分隔。同時，我們也可以使用background-position、background-repeat和background-size屬性來對圖片進行定位、重復和縮放等操作。
除了使用background-image屬性外，我們還可以使用CSS3的多列布局（multi-column layout）來實現多張圖片的加載。這種方法可以讓多張圖片按照列的方式排列，從而使得頁面更加美觀。
最后需要注意的是，在開發過程中，我們應該盡量優化圖片的大小和質量，以便提高頁面的加載速度和用戶體驗。如果需要加載較大的圖片，可以考慮使用懶加載（lazy loading）等方法來優化。