HTML5中提供了一種簡(jiǎn)便的方式來為元素添加陰影效果。這種方式是通過CSS的box-shadow屬性來實(shí)現(xiàn)的。

.box {
box-shadow: 2px 2px 4px #888888;
}

box-shadow屬性最多可以設(shè)置四個(gè)值，它們分別代表偏移量、模糊半徑、陰影擴(kuò)散程度和陰影顏色。其中，偏移量指的是陰影相對(duì)于元素本身的位置偏移，可以是正數(shù)或負(fù)數(shù)；模糊半徑指的是陰影的模糊程度，數(shù)值越大越模糊；陰影擴(kuò)散程度指的是陰影的擴(kuò)散程度，數(shù)值越大越擴(kuò)散。

需要注意的是，box-shadow屬性是一個(gè)相對(duì)比較新的屬性，在一些老舊版本的瀏覽器中可能無法完全支持。因此，在使用box-shadow屬性時(shí)，最好在CSS中加入一個(gè)備用的陰影效果來保證兼容性。

.box {
-webkit-box-shadow: 2px 2px 4px #888888;
-moz-box-shadow: 2px 2px 4px #888888;
box-shadow: 2px 2px 4px #888888;
}

以上是對(duì)HTML5陰影設(shè)置的一些簡(jiǎn)要介紹。通過合理設(shè)置box-shadow屬性，我們可以使我們的網(wǎng)頁看起來更加生動(dòng)有趣。同時(shí)，我們也需要注意兼容性的問題。