在網(wǎng)頁設(shè)計中，圖片是必不可少的元素。為了使得圖片更美觀，我們可以使用 CSS 來添加整個圖片。

img {
display: block;
margin: auto;
max-width: 100%;
height: auto;
}

使用以上 CSS 代碼，可以使圖片居中顯示，同時保證在不同設(shè)備上自適應(yīng)屏幕。

如果要給圖片添加邊框或陰影，可以使用以下代碼：

img {
border: 1px solid #ccc;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

此時，圖片會被添加一個 1px 的灰色實線邊框，并且具有淡淡的陰影效果。

如果需要添加圖片的背景色或背景圖片，可以使用以下代碼：

img {
background-color: #f5f5f5;
background-image: url("path/to/image/background.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}

上述 CSS 代碼會將圖片的背景設(shè)置為灰白色（#f5f5f5），并添加一張背景圖片。背景圖片的大小會被自動調(diào)整，以適應(yīng)圖片的大小，并將其放置于圖片的中心。

最后，如果想要給圖片添加 CSS 動畫效果，可以使用以下代碼：

img:hover {
transform: rotate(10deg);
transition: transform 0.5s ease-in-out;
}

此時，當(dāng)鼠標(biāo)懸停在圖片上時，圖片會發(fā)生旋轉(zhuǎn)（角度為 10 度），并且動畫效果持續(xù) 0.5 秒。

綜上所述，CSS 提供了多種方法來美化圖片，使其更加吸引人的同時，也為網(wǎng)頁增添了色彩與動感。