CSS中的圖片燈光效果是一種常見的效果，能夠讓圖片更加生動、美觀。這種效果可以使用CSS3中的box-shadow屬性來實現。其實現代碼如下：

img {
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7);
}

可以看到，這段代碼中，我們對于img元素設置了box-shadow屬性，該屬性有四個值分別為：

• 水平陰影的位置
• 垂直陰影的位置
• 陰影的模糊程度
• 陰影的顏色

這里值得注意的是，box-shadow屬性的模糊程度可以讓陰影的邊緣更加平滑，而rgba()是一種在CSS中常用的顏色格式，其中前三個值是顏色的RGB值，而最后一個值是透明度。我們設置透明度值為0.7，可以讓陰影呈現出半透明的效果。

除了使用box-shadow屬性以外，還可以通過CSS中的偽元素::after和::before來實現圖片燈光效果。代碼如下：

.img-container {
position: relative;
display: inline-block;
}
.img-container::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 0 100px rgba(255,255,255,0.5);
z-index: -1;
}

在上述代碼中，我們首先為父元素（.img-container）設置了position: relative;屬性，這樣就可以為其子元素創建絕對定位的偽元素::after。然后通過設置content: ""來創建空偽元素，并為其設置了絕對定位以及四個方向的0距離。這樣就可以將整個偽元素完全覆蓋在子元素（圖片）上方。最后，我們設置了一個inset樣式的box-shadow屬性，來實現一個向內的白色模糊效果。

這樣，我們就可以輕松實現美觀的圖片燈光效果。通過對CSS屬性的靈活運用，我們可以創造出更多有趣的效果，為網頁帶來更多的生動感。