css 给盒子加阴影边框

可以使用 box-shadow 属性为 .body 类添加一个右下角的阴影边框。

可以在 .body 类的样式中添加以下代码:

css 复制代码
.body {
  /* 其他样式属性 */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

在上面的代码中,box-shadow 属性接受四个参数,分别是水平偏移量、垂直偏移量、模糊半径和颜色。通过调整这些参数,你可以自定义阴影的位置、大小和颜色。

在这个例子中,使用了 2px 的水平偏移量和垂直偏移量,5px 的模糊半径,以及 rgba(0, 0, 0, 0.2) 的颜色

相关推荐
Savior`L3 小时前
CSS知识复习5
前端·css
Liudef068 小时前
儿童趣味记忆配对游戏
css·游戏·css3
吉吉安16 小时前
两张图片对比clip功能
javascript·css·css3
快起来别睡了18 小时前
CSS 层叠上下文:从“谁在前,谁在后”说起
css
南方kenny20 小时前
前端小知识:搞懂 BFC块级格式化上下文,告别面试“拦路虎”!
前端·css·面试
爱编程的喵1 天前
CSS动画实战:从零打造一个超萌的小球亲亲动画
前端·css
傻球1 天前
彻底搞懂「像素/PPI/DPI/分辨率/DPR/缩放」之间的关系
前端·css
ai小鬼头1 天前
AIStarter:一键部署AI工具,轻松提升效率的秘密武器!
css·人工智能·github
Jokerator2 天前
深入解析JavaScript获取元素宽度的多种方式
javascript·css