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

相关推荐
英俊潇洒美少年2 小时前
css中专门用来提升渲染性能、减少重排重绘的属性
前端·css
我是伪码农4 小时前
14届蓝桥杯
javascript·css·css3
是上好佳佳佳呀6 小时前
【前端(二)】CSS 知识梳理:从编写位置到选择器优先级
前端·css
李松桃10 小时前
01HTML-CSS-入门知识点
前端·css
酉鬼女又兒11 小时前
零基础入门前端 第十三届蓝桥杯省赛 :水果拼盘 Flex一篇过(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·css3
whuhewei1 天前
在React中实现CSS动画的回放
前端·css·react.js
敏编程1 天前
一天一个Python库:soupsieve - CSS 选择器在 Beautiful Soup 中的力量
开发语言·css·python
圣光SG1 天前
奶茶店网页(纯HTML和CSS)
前端·css·html
kyriewen1 天前
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
前端·css·面试
reasonsummer1 天前
【白板类-02-01】20260326找影子01(html+希沃白板)
css·html·css3