CSS是一門功能強大的語言，它可以讓我們設置網(wǎng)頁的樣式和布局。今天我們來學習一下如何使用CSS給div加上陰影發(fā)光的樣式。

首先，我們需要在HTML代碼中添加一個div元素：

<div>
這是一個div元素。
</div>

然后，在CSS文件中，我們可以使用box-shadow屬性來給div添加陰影。該屬性的語法如下：

div {
box-shadow: h-shadow v-shadow blur spread color inset;
}

其中，h-shadow是水平陰影的位置，v-shadow是垂直陰影的位置，blur是陰影的模糊程度，spread是陰影的擴散程度，color是陰影的顏色，inset是可選參數(shù)，用于將陰影變成內陰影。

我們可以使用以下代碼給div添加一個黑色陰影：

div {
box-shadow: 2px 2px 4px #000000;
}

這樣，我們就給div添加了一個簡單的陰影。但是，如果我們想讓div更加醒目，我們可以使用text-shadow屬性來給div添加發(fā)光效果。該屬性的語法如下：

div {
text-shadow: h-shadow v-shadow blur color;
}

其中，h-shadow是水平發(fā)光的位置，v-shadow是垂直發(fā)光的位置，blur是發(fā)光的模糊程度，color是發(fā)光的顏色。

我們可以使用以下代碼給div添加一個白色發(fā)光效果：

div {
text-shadow: 2px 2px 4px #FFFFFF;
}

現(xiàn)在，我們已經(jīng)成功地給div添加了陰影和發(fā)光效果。如果我們要同時使用這兩個屬性，可以使用以下代碼：

div {
box-shadow: 2px 2px 4px #000000;
text-shadow: 2px 2px 4px #FFFFFF;
}

這樣，我們的div就有了一個酷炫的陰影發(fā)光效果。