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

/*設(shè)置元素發(fā)光*/
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屬性來實(shí)現(xiàn)元素發(fā)光的效果。其中，第一個(gè)0代表x軸偏移，第二個(gè)0代表y軸偏移，10px、20px等數(shù)字代表模糊程度，#fff代表陰影顏色，#FFCC66代表發(fā)光顏色。

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

<div class="glow">發(fā)光的元素</div>

然后再為這個(gè)元素設(shè)置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;
}

這樣就可以得到一個(gè)發(fā)光的圓形元素。

如此簡單的設(shè)置，就可以讓網(wǎng)頁元素變得更加炫酷。