在網頁中，圖片是非常重要的內容之一。通過CSS樣式，我們可以修改圖片的大小、位置、樣式等屬性，達到不同的視覺效果。

img {
width: 200px; /* 設定寬度為200像素 */
height: auto; /* 高度自適應 */
margin: 10px; /* 圖片外邊距為10像素 */
border: 2px solid #ccc; /* 生成2像素的灰色實線邊框 */
box-shadow: 1px 1px 5px #ccc; /* 加上陰影效果 */
}

通過如上代碼，我們可以使得圖片在展示時寬度為200像素，自適應高度，并且自帶10像素的外邊距和2像素的灰色實線邊框，同時帶上陰影效果。如果需要使得圖片水平居中展示，可以結合margin和text-align屬性來實現：

img.center {
display: block; /* 把img元素轉換為塊級元素 */
margin: 0 auto; /* 左右自動居中 */
}

如上代碼將img元素轉換為塊級元素，并且使得左右外邊距自動居中，從而達到水平居中展示的效果。