CSS背景圖超出盒子，指的是當設置一個背景圖片時，圖片的大小大于盒子的大小，導致圖片在盒子中部分或全部被裁剪掉。

想象一下，你設置一個div盒子的大小，如下所示：

div {
width: 200px;
height: 200px;
}

現在，你想要設置一個超級酷炫的背景圖片作為這個盒子的背景，如下所示：

div {
background-image: url("cool-background.png");
}

然而，這張炫酷的背景圖片大小是300px x 300px，比我們的盒子還大！于是，這個背景圖片只會顯示其中的一部分，并且其他部分會被裁剪掉。

這時，我們需要使用CSS中的background-size屬性，將背景圖片的大小設置為盒子的大小，如下所示：

div {
background-image: url("cool-background.png");
background-size: 200px 200px;
}

現在，這張炫酷的背景圖片已經完整地顯示在了我們的盒子中！