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) 的颜色

相关推荐
草字14 分钟前
css flex布局,设置flex-wrap:wrap换行后,如何保证子节点被内容撑高后,每一行的子节点高度一致。
前端·javascript·css
在芜湖工作的二狗子33 分钟前
如何用AI Agent提高程序员写作效率
css
信看2 小时前
实用 html 小工具
前端·css·html
永日456703 小时前
学习日记-CSS-day53-9.11
前端·css·学习
大虾写代码3 小时前
vue3+TS项目配置unocss
css
前端人类学3 小时前
现代贪吃蛇游戏的进化:从经典玩法到多人在线体验
javascript·css
前端Hardy4 小时前
惊艳同事的 Canvas 事件流程图,这篇教会你
前端·javascript·css
Async Cipher4 小时前
CSS 居中
前端·css·css3
njsgcs5 小时前
网页连接摄像头
javascript·css·html
我叫汪枫5 小时前
Spring Boot图片验证码功能实现详解 - 从零开始到完美运行
java·前端·javascript·css·算法·html