圖片在網頁設計中非常重要，可以起到美化網頁的作用，同時也可以幫助網頁傳達更多的信息。通過CSS樣式，我們可以更好地控制圖片的顯示效果。

/* 為圖片添加樣式 */
img {
max-width: 100%; /* 圖片寬度最大為父元素寬度，防止溢出 */
border: 1px solid #ccc; /* 添加邊框 */
box-shadow: 2px 2px 2px #ccc; /* 添加陰影 */
margin: 10px; /* 添加外邊距 */
}
/* 控制圖片居中 */
img.center {
display: block; /* 使圖片在一行中獨立成塊 */
margin: auto; /* 居中 */
}

以上代碼展示了如何為圖片添加樣式，其中max-width屬性保證了圖片可以自適應父元素寬度，border屬性可以為圖片添加邊框，box-shadow屬性可以使圖片帶有一定的陰影效果，margin屬性可以控制圖片與周圍元素的距離。

如果需要讓圖片居中顯示，我們可以給圖片添加一個class，然后定義一個居中樣式，將這個樣式應用于圖片上，即可讓圖片實現居中顯示。

在實際的網頁開發中，我們可以根據具體情況調整樣式，實現更美觀的設計效果。