CSS是前端開發不可或缺的一部分，除了實現網站的炫酷效果外，還有一個重要的作用就是美化圖片。為了讓圖片更加突出和有層次感，我們可以給圖片添加邊框和陰影效果。

/* 添加邊框 */
img{
border: 2px solid #333;
border-radius: 5px; /* 可以設置圓角 */
}
/* 添加陰影 */ 
img{
box-shadow: 5px 5px 5px #333; /* 參數依次為：水平偏移量，垂直偏移量，陰影大小，顏色 */
}

上述代碼中，我們給img標簽添加了兩個樣式：border和box-shadow。我們用border設置了圖片的邊框，可以自定義邊框的寬度、樣式和顏色，并且還可以設置圓角，讓圖片更加美觀。而box-shadow則可以模擬出圖片的陰影效果，還可以自定義偏移量和陰影大小。通過適當的調整，我們可以創建出各種炫酷的圖片效果。