HTML5 是一種新的網(wǎng)頁標(biāo)準(zhǔn)，它提供了許多新功能和技術(shù)，其中包括如何設(shè)置 DIV 元素的陰影效果。陰影效果可以讓頁面元素看起來更加立體和有層次感，為網(wǎng)頁設(shè)計(jì)增添了一份美感。 要設(shè)置 DIV 的陰影效果，可以使用 CSS3 Box Shadow 屬性。這個(gè)屬性可以控制元素的陰影大小、顏色、模糊度以及偏移量等參數(shù)。下面是一個(gè)示例代碼：

<style>
.shadow{
box-shadow: 2px 2px 5px #999;
}
</style>
<div class="shadow">
<p>這是一個(gè)帶陰影效果的 DIV 元素。</p>
</div>

在示例代碼中，我們定義了一個(gè)名為 shadow 的 CSS 類，然后為這個(gè)類添加了 box-shadow 屬性。其中，2px 2px 表示陰影的水平和垂直偏移量為 2 像素，5px 表示陰影的模糊度為 5 像素，#999 表示陰影的顏色為深灰色。 最后，我們在 HTML 代碼中添加了一個(gè) DIV 元素，并為它添加了 shadow 類。這樣，這個(gè) DIV 元素就擁有了陰影效果。 除了 box-shadow 屬性外，CSS3 還提供了許多其他的陰影效果屬性，如 text-shadow、box-decoration-break 和 filter 等，可以根據(jù)具體情況選擇使用。 總之，使用 CSS3 Box Shadow 屬性可以輕松設(shè)置 DIV 元素的陰影效果，為網(wǎng)頁設(shè)計(jì)增添美感。