CSS連接背景圖片是網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用非常廣泛的一種技術(shù)。在CSS中，我們可以使用background-image屬性來(lái)為元素添加背景圖片。而且，我們可以通過(guò)background-size屬性來(lái)控制背景圖片的大小。

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

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

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

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

在上面的代碼中，我們使用了兩張背景圖片，它們的大小分別設(shè)置為元素寬度的50%和高度的100%。第一張圖片不重復(fù)，而第二張圖片則是平鋪的。這種技巧可以讓我們?cè)谝粋€(gè)元素中同時(shí)呈現(xiàn)多個(gè)效果，讓網(wǎng)頁(yè)看起來(lái)更加豐富多彩。