CSS3中有一个很有趣的特性，它可以让背景发光。这种效果可以使网页看上去更加动态和神秘。下面我们一起来看看如何实现背景发光吧！

.box {
background-color: #333;
/* 设置背景为黑色 */
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.8);
/* 设置发光效果 */
}

上面的例子中，我们首先给一个class为box的元素设置了黑色的背景色。这可以根据实际情况调整为你想要的任何颜色。接下来，我们使用CSS3的box-shadow属性设置了发光的效果。box-shadow是一个可以设置阴影效果的属性，它的几个参数分别表示：

水平偏移量、垂直偏移量、模糊距离、阴影大小、阴影颜色以及阴影的透明度。其中，水平和垂直偏移量用来控制阴影的位置，模糊距离和阴影大小可以让阴影变得更加模糊或更加清晰，阴影颜色用来指定阴影的颜色，而阴影的透明度则可以控制阴影的深浅。

在上面的例子中，我们让阴影没有水平和垂直偏移，这样就会显示在背景上方。然后，我们设置了一个20px的模糊距离和10px的阴影大小，同时将阴影颜色设置为白色，透明度为0.8。这样就可以让背景发光了。

需要注意的是，这种背景发光效果只适用于现代浏览器（包括IE9及以上），对于更老的浏览器可能无法支持。同时，在使用box-shadow属性的时候，建议最好还是加上一个类似于-webkit-box-shadow的前缀，以兼容不同的浏览器。