在 HTML 中添加元素的 box-shadow 效果需要使用 CSS 属性，可以通过以下步骤实现：
首先，选择要添加 box-shadow 效果的 HTML 元素，可以使用标签名、类名或 ID 选择器来选择元素。
然后，在 CSS 样式表中为选中的元素添加 box-shadow 属性。box-shadow 属性可以接受多个值，用逗号隔开。其中，最重要的是以下几个关键词：
例如，以下代码将为 ID 为 box 的 div 元素添加一个向右下偏移 2 像素、阴影模糊半径为 5 像素、扩展半径为 0 像素、颜色为黑色的 box-shadow 效果：
#box {
box-shadow: 2px 2px 5px 0 black;
}值得注意的是，box-shadow 属性是 CSS3 新增的属性，在一些旧版本的浏览器中可能不支持。为了兼容性考虑，可以使用以下代码为元素添加多个阴影效果：
#box {
box-shadow: 2px 2px 5px 0 black, -2px -2px 5px 0 gray;
}这段代码将为元素添加两个阴影效果，一个为黑色的向右下偏移 2 像素的阴影，另一个为灰色的向左上偏移 2 像素的阴影，这样即使在不支持 box-shadow 属性的浏览器中，也能看到至少一个阴影效果。