隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站的視覺效果越來越重要。而圖片展示是視覺效果中不可或缺的一部分。CSS可以幫助我們實(shí)現(xiàn)各種不同的圖片展示效果，其中比較常見的一種是將圖片居中展示。

要實(shí)現(xiàn)圖片居中展示，我們需要使用CSS的background屬性。首先，我們需要將圖片作為背景圖片，在CSS中使用background-image屬性來設(shè)置。然后，我們需要將背景圖片的位置設(shè)置為居中。這可以通過設(shè)置background-position屬性實(shí)現(xiàn)。最后，我們需要將背景圖片的大小設(shè)置為原本圖片的大小，這可以通過設(shè)置background-size屬性來實(shí)現(xiàn)。

.img-container{
background-image: url("/images/example.jpg");
background-position: center;
background-size: 100% auto;
}

上面的代碼中，.img-container是一個包含圖片的容器，我們在其中設(shè)置了背景圖片、背景圖片的位置和大小。將這個容器放置在網(wǎng)頁中的位置，就可以實(shí)現(xiàn)中間展示圖片的效果了。