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

相关推荐
西洼工作室9 小时前
CSS响应式布局全攻略
前端·css·响应式布局·栅格系统
鹤归时起雾.9 小时前
CSS属性继承与元素隐藏全解析
前端·css
合作小小程序员小小店11 小时前
web网页开发,在线%物流配送管理%系统,基于Idea,html,css,jQuery,java,ssh,mysql。
java·前端·css·数据库·jdk·html·intellij-idea
华仔啊12 小时前
20个CSS实用技巧,10分钟从小白变大神!
前端·css
昔人'12 小时前
grid: auto-fit 和 auto-fill区别
css·grid
小白每天学一点13 小时前
微信小程序开发学习-8
javascript·css·微信小程序·小程序·html
合作小小程序员小小店1 天前
web网页开发,在线%人力资源管理%系统,基于Idea,html,css,jQuery,java,jsp,ssh,mysql。
java·前端·css·数据库·mysql·html·intellij-idea
这个一个非常哈1 天前
VUE篇之推送+瀑布流
css·vue.js·css3
顾安r1 天前
11.19 脚本 最小web控制linux/termux
linux·服务器·css·flask
Dontla1 天前
React Tailwind CSS div布局demo
前端·css·react.js