CSS的background-size屬性可以讓圖片占滿整個(gè)盒子，實(shí)現(xiàn)全屏背景圖片、圖片遮蓋等效果。

.container {
height: 100vh; /* 設(shè)置盒子高度為可視窗口高度 */
background-image: url("bg.jpg");
background-size: cover; /* 讓圖片填充整個(gè)盒子 */
background-position: center center; /* 圖片居中 */
}

在上述代碼中，我們將背景圖片設(shè)置為bg.jpg，然后通過(guò)background-size屬性來(lái)實(shí)現(xiàn)圖片填充整個(gè)盒子的效果。其中，cover關(guān)鍵字表示讓背景圖片完全覆蓋住整個(gè)盒子，有可能導(dǎo)致部分圖片被裁剪。如果不想裁剪圖片，則可以使用contain關(guān)鍵字，讓圖片完整顯示在盒子內(nèi)。

同時(shí)，我們還可以通過(guò)background-position屬性來(lái)調(diào)整背景圖片的位置。默認(rèn)情況下，背景圖片是左上角對(duì)齊的。我們可以通過(guò)設(shè)置center center來(lái)讓圖片居中，也可以使用其他關(guān)鍵字或者是百分比值來(lái)自定義背景圖片的位置。

.cover {
width: 400px;
height: 400px;
background-image: url("cover.jpg");
background-size: contain;
background-position: 50% 50%; /* 圖片居中 */
}

在上述代碼中，我們?cè)O(shè)置了一個(gè)卡片布局，然后將背景圖片設(shè)置為cover.jpg，并且使用contain關(guān)鍵字來(lái)保持圖片的完整性。最后，我們使用50% 50%的值來(lái)實(shí)現(xiàn)圖片居中對(duì)齊。

通過(guò)使用background-size和background-position屬性，我們可以輕松地實(shí)現(xiàn)圖片占滿整個(gè)盒子的效果，為頁(yè)面添加更豐富的視覺(jué)效果。