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

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

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

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

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

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

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

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

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