div 加阴影

要为 <div> 元素添加阴影效果，你可以使用 CSS 的 box-shadow 属性。以下是一个示例：

<style>
  .shadow-box {
    width: 200px;
    height: 200px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
</style>

<div class="shadow-box">
  <!-- 这里是 div 内容 -->
</div>

上述代码创建了一个宽高为 200px 的 <div> 元素，并为其添加了一个位于底部的阴影效果。box-shadow 属性接受四个值：水平偏移量、垂直偏移量、模糊半径和颜色值。在示例中，水平偏移量为 0，垂直偏移量为 2px，模糊半径为 4px，颜色为 rgba(0, 0, 0, 0.2)，即黑色带有 20% 的不透明度的阴影。你可以根据需要调整这些值来达到想要的效果。