为图片边缘添加光效

.headBox{
    position: relative;
}
.headImg{
    width: 100px;
    border-radius: 10px;
    position: absolute;
    z-index: 99;
}
.headImgBg{
    z-index: -99;
    /*position: absolute;*/
    width: 100px;
    border-radius: 10px;
    -webkit-filter: blur(2px); /* Chrome, Safari, Opera */
    filter: blur(2px);
}

<a class="headBox" href="javascript:" >
    <img class="headImg" src="dgimages/dige1.png" alt="ZhangDi(张迪)">
    <img class="headImgBg" src="dgimages/dige1.png" >
</a>