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

相关推荐
labixiong2 小时前
transition 写在 CSS 变量上为什么不生效?给变量补张「类型身份证」
前端·css·html
水月清辉5 小时前
CSS 常用语法详解
前端·css
言乐69 小时前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频
今天AI了吗1 天前
2026年三大AI桌面智能体横评:Codex vs Hermes vs WorkBuddy
大数据·前端·css·人工智能·架构
HwJack201 天前
用 HML + CSS + JS 三段式写鸿蒙界面
javascript·css·harmonyos
豆约翰2 天前
css自制图书封面效果
前端·css
CoderYanger2 天前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
EatFan3 天前
HTML前端利用flex解决input定位的问题
前端·css·html·css3
labixiong3 天前
告别scroll 监听:CSS 滚动驱动动画,主线程堵死也仍跟手
前端·css·html
King of fraud3 天前
HTML 页面的 CSS 选择器详解
前端·css·html