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

相关推荐
前端架构师-老李20 小时前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
echome88821 小时前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
东鹏特饮1 天前
本机状态监控页面html
运维·css·html·css3
蓝莓味的口香糖2 天前
【VUE】【CSS】Vue移动端适配主流方案总结
前端·css·vue.js
是立不是利2 天前
CSS 的 Flex 布局——为什么元素没有按我想的排列
前端·css
java1234_小锋3 天前
【技术专题】CSS3 网页技术 - CSS3 盒模型
前端·css·css3
前端架构师-老李3 天前
HTML与CSS基础第四课—strong、em、b、i 各表示什么
前端·css·html
程序0073 天前
天地图实现收货地址定位
前端·javascript·css
汤米粥3 天前
目前流行的前端 CSS 框架
前端·css·bootstrap·ant design·‌tailwind css·bulma
是立不是利3 天前
CSS 的层叠与优先级——为什么我的样式不生效
前端·css