當我們為網站添加圖片時，除了圖片本身的意義外，還有一個重要的考慮因素：圖片樣式。通過CSS，我們可以給圖片添加各種炫酷樣式，從而增強圖片在頁面中的表現力。

/* 1. 邊框樣式 */
img {
border: 5px solid #ff9500;
}
/* 2. 陰影效果 */
img {
box-shadow: 5px 5px 10px #ccc;
}
/* 3. 圓角效果 */
img {
border-radius: 50%;
}
/* 4. 翻轉效果 */
img {
transform: rotateY(180deg);
}
/* 5. 縮放效果 */
img:hover {
transform: scale(1.2);
}
/* 6. 模糊效果 */
img {
filter: blur(5px);
}

以上是常見的幾種圖片樣式，在實際使用時，我們可以靈活運用這些樣式，根據需要來達到理想效果。

除了上述效果外，我們還可以通過CSS3的動畫效果，讓圖片呈現更加鮮活的效果。例如，我們可以通過以下代碼將一個圖片從左側飛入：

/* 7. 動畫效果 */
img {
animation: flyin 2s ease-in-out;
}
@keyframes flyin {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}

最后提醒一句：在過度使用圖片樣式時，一定要注意頁面性能和加載速度，避免過多的HTTP請求，以保證用戶的流暢體驗。