CSS中可以使用background-position屬性來控制背景圖片的位置，通過設(shè)置它的值可以使圖片在元素的不同位置上展示。我們想要讓圖片從中間展開，就要將這個屬性的值設(shè)置為"center"，這樣它就會在元素的中心展示。

.container {
width: 500px;
height: 500px;
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: background-size 1s ease-in-out;
}
.container:hover {
background-size: 120%;
}

在這段代碼中，我們將一個寬高都為500px的容器設(shè)置為背景圖片，讓它在中心展示，并設(shè)置了一個過渡效果。當(dāng)鼠標(biāo)懸停在容器上時，我們將背景圖片的尺寸變大，使它從中間向四周展開。這樣就可以實現(xiàn)CSS圖片由中間展開的效果。