0
点赞
收藏
分享

微信扫一扫

div 加阴影

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% 的不透明度的阴影。你可以根据需要调整这些值来达到想要的效果。


举报

相关推荐

0 条评论