css3发光边框线 |bootcss 可视化

.border {
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(255,255,255,.5);
}

上述代码中，大家先为元素设置了2px的白色实线边框，然后使用了box-shadow属性来为边框添加了一个5px的白色模糊发光效果。当然，你也可以通过border-color属性来修改边框颜色，或者通过box-shadow的rgba值来调整发光效果的颜色。

除了上述的方法，大家还可以通过伪类选择器before/after来实现更加丰富的效果。

.box::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
box-shadow: 0 0 5px rgba(255,255,255,.5);
}

上述代码中，大家使用了伪类选择器before来为元素添加了一个实心内框，并利用了box-shadow来实现了一个边框发光效果。元素的内容通过content属性设置为空，通过position属性指定其位置和大小，z-index属性设置为-1，将其置于元素下方。

总之，CSS3发光边框线是一种非常实用并且能够带来视觉冲击的效果，让你的网页跳脱平凡，更加吸引人。期待大家的尝试和创新！