html怎么给div加阴影

要在HTML中给<div>元素添加阴影，你可以使用CSS的box-shadow属性来实现。这个属性允许你定义一个或多个阴影效果。

下面是一个示例，展示了如何给<div>元素添加阴影：

<div class="shadow-box">这是一个带有阴影的<div>元素。</div>

CSS：

.shadow-box {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

在上述示例中，我们创建了一个带有类名为.shadow-box的<div>元素，并将样式应用于该类。

通过在.shadow-box类中设置box-shadow属性，我们定义了一个阴影效果。box-shadow属性接受一系列参数，包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。在这个示例中，我们将阴影的水平偏移量设置为0，垂直偏移量设置为2像素，模糊半径设置为4像素，并使用RGBA颜色值来指定阴影的颜色和透明度。

你可以根据需要调整box-shadow属性的值，以实现不同的阴影效果。还可以将多个阴影效果以逗号分隔的方式添加到box-shadow属性中，以创建更复杂的阴影效果。