CSS連接背景圖片是網頁設計中運用非常廣泛的一種技術。在CSS中，我們可以使用background-image屬性來為元素添加背景圖片。而且，我們可以通過background-size屬性來控制背景圖片的大小。

background-size屬性可以設置為兩個值：長度值和百分比值。長度值可以是像素、英寸、厘米等；百分比值則表示相對于父容器的寬度或高度的比例。常常使用的屬性值有：

background-size: cover; /* 將背景圖片擴展至填滿整個元素，可能會裁剪圖片 */
background-size: contain; /* 將背景圖片縮放至恰好能完整顯示在元素內，不會裁剪圖片 */
background-size: auto; /* 保持背景圖片的原始大小不變 */
background-size: 100% 100%; /* 將背景圖片寬度和高度都拉滿元素 */
background-size: 50% 50%; /* 將背景圖片寬度和高度都縮小到元素的一半 */

除此之外，我們還可以使用多個background-image屬性連接多張背景圖片。這個時候，我們需要使用逗號分隔每個屬性值。例如：

background-image: url(bg1.jpg), url(bg2.jpg);
background-size: 50%, 100%;
background-repeat: no-repeat, repeat;

在上面的代碼中，我們使用了兩張背景圖片，它們的大小分別設置為元素寬度的50%和高度的100%。第一張圖片不重復，而第二張圖片則是平鋪的。這種技巧可以讓我們在一個元素中同時呈現多個效果，讓網頁看起來更加豐富多彩。