HTML DOM中的style.boxShadow属性用来设置或返回对象的阴影效果。通过使用它，可以为对象添加一个或多个阴影，从而为网页布局增添更多的美感。
使用方法
style.boxShadow属性的使用方法如下：
element.style.boxShadow = "h-shadow v-shadow blur spread color inset";
其中，h-shadow和v-shadow分别指定水平和垂直阴影的位置；blur指定阴影的模糊程度；spread指定阴影的扩展尺寸；color指定阴影的颜色；inset指定阴影是内阴影还是外阴影。
下面是一个示例：
div.style.boxShadow = "5px 10px 5px #888888";
上面的代码将为div元素添加一个水平偏移5px，垂直偏移10px，模糊程度5px，颜色#888888的外阴影。
示例
- 一个没有阴影的div：
div.style.boxShadow = "none";
- 一个内阴影，水平偏移5px，垂直偏移10px，模糊程度5px，颜色#888888：
div.style.boxShadow = "5px 10px 5px #888888 inset";
- 一个外阴影，水平偏移5px，垂直偏移10px，模糊程度5px，颜色#888888：
div.style.boxShadow = "5px 10px 5px #888888";