在HTML和CSS中，使用背景圖像可以為網頁增加更多的視覺效果和美感。在本文中，我們將討論如何在CSS中使用2個背景圖像。

在CSS中，可以使用background-image屬性設置背景圖像。默認情況下，當設置多個背景圖像時，它們會依次堆疊在一起。但是，我們可以使用多個background-image屬性來定義每個背景圖像的位置和特性。

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

在上面的代碼中，我們使用了2個background-image屬性來定義2個背景圖像。我們使用了background-position屬性來定義每個背景圖像的位置。第一個背景圖像被設置為居中頂部，第二個背景圖像被設置為左對齊底部。我們也可以使用background-repeat屬性來定義每個背景圖像的重復方式。第一個背景圖像被設置為不重復，第二個背景圖像被設置為沿Y軸重復。

在使用背景圖像時，我們需要確保圖片的大小和分辨率與網頁相匹配，以保證最佳視覺效果。我們也可以使用CSS3的新屬性background-size來調整圖片的大小和比例。

background-size: cover, contain;

在上面的代碼中，我們使用了background-size屬性來定義每個背景圖像的大小和比例。第一個背景圖像被設置為覆蓋整個容器，第二個背景圖像被設置為完全包含在容器中。

在使用背景圖像時，我們還需要注意圖片的文件大小和加載速度。為了提高網頁的加載速度，我們應該使用適當的圖片格式和壓縮工具來減小圖片的文件大小。

總之，在CSS中使用多個背景圖像可以為網頁增加更多的視覺效果和美感。通過合理地使用background-image、background-position、background-repeat和background-size屬性，我們可以實現各種不同的背景效果。