CSS模板制作圖片是網頁制作中非常重要的一部分，通過CSS的樣式設置和布局排版，可以使圖片更加美觀和具有吸引力。下面將詳細介紹如何使用CSS制作一張美麗的圖片。

/* CSS代碼開始 */
img {
display: block;
margin: auto;
border: 5px solid #fff;
border-radius: 50%;
box-shadow: 0 0 10px #333;
}
/* CSS代碼結束 */

以上代碼中使用了CSS的一些基本屬性，比如display、margin、border、border-radius和box-shadow。下面詳細介紹各個屬性的作用。

display：設置元素的顯示方式。block表示以塊級元素展示，可設置寬高、邊距、邊框等屬性。

margin：設置元素的外邊距。本例中，設置為auto即可讓圖片在其容器中居中展示。

border：設置元素的邊框，包括樣式、寬度和顏色。本例中設置為5像素實線邊框，顏色為白色。

border-radius：設置元素的圓角半徑。本例中設置為50%即可讓圖片呈現為圓形。

box-shadow：設置元素的陰影效果。本例中設置為黑色10像素的陰影效果。

通過這些CSS樣式設置，圖片將呈現出美觀、具有立體感的效果。