发光边框

.active{
    margin: 0.37rem 0;
//边框粗细及颜色
    border: 2px solid  #00ffff;
//圆角矩形
    border-radius: 5px;
//位置及晕染大小
    box-shadow: 0 0 15px #00ffff; 
//兼容性

    -webkit-box-shadow: 0 0 15px #00ffff; 
    -moz-box-shadow: 0 0 15px #00ffff;
    －o-box-shadow: 0 0 15px #00ffff;
//颜色控制
    background-color: rgba(114,47,205,0.5);
}

发光边框

原文：http://www.cnblogs.com/y-lin/p/5801960.html