CSS可以為圖片添加多種效果，包括邊框、陰影和懸停等。以下是一些常見的CSS圖片效果：

img {
border: solid 1px #ccc; /* 為圖片添加灰色實線邊框 */
box-shadow: 5px 5px 5px #aaa; /* 為圖片添加陰影效果 */
}
img:hover {
opacity: 0.8; /* 鼠標懸停時圖片變為80%不透明 */
transform: scale(1.2); /* 鼠標懸停時圖片放大到120% */
}

除了以上常見的效果外，還可以通過CSS實現圖片旋轉、翻轉、模糊等效果。例如：

img {
transform: rotate(30deg); /* 順時針旋轉圖片30度 */
transform: scaleX(-1); /* 水平翻轉圖片 */
filter: blur(5px); /* 使圖片模糊 */
}

CSS圖片效果可以讓網頁更加生動、有趣，提高用戶體驗。但是需要注意，過分使用過多的效果可能會降低頁面加載速度，影響用戶體驗。因此，應該謹慎使用CSS圖片效果，避免過度裝飾。