CSS是制作網頁的必備語言之一，它可以讓我們設置網頁元素的樣式，讓網頁更加美觀。其中一個有趣的樣式就是讓網頁元素發光。下面我們就來看一下如何使用CSS設置元素發光。

/*設置元素發光*/
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFCC66, 0 0 70px #FFCC66, 0 0 80px #FFCC66, 0 0 100px #FFCC66, 0 0 150px #FFCC66;

代碼中，我們使用了box-shadow屬性來實現元素發光的效果。其中，第一個0代表x軸偏移，第二個0代表y軸偏移，10px、20px等數字代表模糊程度，#fff代表陰影顏色，#FFCC66代表發光顏色。

為了讓這個效果更加明顯，可以在html中加入一個元素，如下：

<div class="glow">發光的元素</div>

然后再為這個元素設置CSS樣式：

.glow {
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 50%;
text-align: center;
line-height: 200px;
font-size: 30px;
color: #FFCC66;
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFCC66, 0 0 70px #FFCC66, 0 0 80px #FFCC66, 0 0 100px #FFCC66, 0 0 150px #FFCC66;
}

這樣就可以得到一個發光的圓形元素。

如此簡單的設置，就可以讓網頁元素變得更加炫酷。