CSS圖片外發光效果是網頁設計中常用的一種效果，它可以讓圖片在網頁中更加醒目、突出，增強視覺效果。下面就介紹一下如何使用CSS代碼給圖片添加外發光效果。

img {
position: relative;
z-index: 1;
}
img::before {
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background: #fff;
z-index: -1;
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
}

首先要注意的是，要給圖片的父元素設置position: relative，否則實現不了該效果，并且在圖片的偽類:before里面使用box-shadow屬性設置外發光的效果，同時要注意偽類要設置z-index為-1，否則圖片就會被蓋住。

給圖片的偽類:before里面設置的background顏色要與網頁背景顏色相同，這樣才能實現真正的外發光效果，不然就會出現黑色的邊框而不是外發光效果。

以上就是CSS圖片外發光效果的代碼實現方法，大家可以根據自己的需求來修改代碼，讓圖片的外觀更加好看。