CSS3是最新的樣式表語言之一，它提供了許多方便的屬性和功能，以實現網頁設計中的各種效果。其中，圖片居中是常見的一種需求，通過CSS3可以輕松實現。 要讓圖片居中，可以使用"display"和"margin"屬性。首先，在CSS文件中定義圖片的類：

.img-center{
display: block; /* 把圖片變為塊狀元素 */
margin: 0 auto; /* 設置左右外邊距為auto，即自動居中 */
}

通過設置"display"屬性為"block"，可以把圖片變為塊狀元素，使它占據整行的寬度。然后，通過設置"margin"屬性的左右外邊距為"auto"，可以實現水平居中的效果。 在HTML文件中，把圖片的class屬性設置為定義的類名"img-center"，即可應用這個CSS樣式：

<img src="picture.jpg" class="img-center">

這樣，圖片就可以輕松地水平居中了。如果需要垂直居中，可以把圖片放到一個容器中，然后再對容器應用垂直居中的樣式。 總之，通過CSS3提供的"display"和"margin"屬性，圖片居中的效果可以輕松實現。在實際應用中，可以根據需求調整相關屬性和值，以達到更好的效果。