在網頁設計中，除了文字和圖形之外，圖片也是非常重要的元素之一。為了讓圖片更加生動有趣，我們可以利用CSS添加一些效果。下面介紹幾種常用的CSS圖片效果。 一、改變圖片尺寸 在網頁設計中，我們有時需要讓圖片適應不同的屏幕尺寸。可以通過CSS的width和height屬性來控制圖片的寬度和高度。例如：

img {
width: 100%;
height: auto;
}

上述代碼可以讓圖片在不同的屏幕尺寸下自適應寬度。 二、添加邊框效果 我們可以通過CSS的border屬性來給圖片添加邊框效果。例如：

img {
border: 2px solid black;
}

上述代碼可以給圖片添加2像素寬的黑色實線邊框。 三、添加陰影效果 我們可以通過CSS的box-shadow屬性來給圖片添加陰影效果。例如：

img {
box-shadow: 2px 2px 5px #888;
}

上述代碼可以給圖片添加2像素偏移、模糊半徑為5像素的深灰色陰影效果。 四、添加圓角效果 我們可以通過CSS的border-radius屬性來給圖片添加圓角效果。例如：

img {
border-radius: 50%;
}

上述代碼可以將圖片的四個角都變成圓角，形成圓形圖片效果。 總之，通過CSS的各種屬性，我們可以給圖片添加許多不同的效果，讓網頁設計更加豐富多彩。