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

相关推荐
用户0595401744627 分钟前
把前端内存泄漏排查从2小时压到5分钟,我们把它集成进了CI
前端·css
zhanghaofaowhrql2 天前
为CSDN博客编辑器安装自定义CSS主题,打造个性化写作界面
前端·css·编辑器
aichitang20242 天前
Claude fable 5与GPT5.5模型能力实测
javascript·css·人工智能·ai·html·html5
就叫飞六吧2 天前
F12 控制台日志移植到页面案例
javascript·css·html
Bigger4 天前
对不起!我错怪你了,UnoCSS:一次和 AI 一起排查 DevTools 卡顿的经历
前端·css·人工智能
触底反弹4 天前
🎲 纯 CSS 搞定 3D 旋转立方体?还附赠一个「天坑」解决方案!
前端·css·html
finyouIT4 天前
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
javascript·css
用户059540174464 天前
用了半年 LangChain Memory,才发现记忆总“串台”——3 个自动化测试避坑指南
前端·css
More more4 天前
纯手搓css样式:科技感弹窗边框
css·科技·css3
kidding7235 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架