CSS是網頁設計中必不可少的一部分，通過CSS可以輕松實現圖片、文字樣式的設置和布局排版，下面我們就來介紹一下如何設置中間圖片。

.container {
display: flex;
justify-content: center;
align-items: center;
}
.center-img {
width: 50%;
}

首先，我們需要給整個頁面的容器添加一個CSS樣式，使用Flex布局，可以使我們的圖片水平和垂直居中。justify-content:center;和align-items:center;分別表示水平和垂直居中。

接下來，我們就是要給這個中間的圖片添加樣式了。我們可以通過設置寬度為50%實現圖片居中的效果。同時，如果需要設置其他的樣式，也可以在這里進行添加。

通過以上步驟，我們就可以輕松地實現中間圖片的設置了。當然，在實際的網頁設計中，還需要根據實際需要進行調整，添加其他的樣式，以達到滿足需求的效果。