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

相关推荐
涔溪7 小时前
如何使用 CSS Grid 实现响应式布局?
前端·css
0思必得07 小时前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
羽沢3111 小时前
一些css属性学习
前端·css·学习
吃炸鸡的前端13 小时前
tailwindcss v4的基础使用
前端·css
奶昔不会射手14 小时前
css之如何获取祖先元素的宽高
前端·css
Wiktok14 小时前
Tailwind CSS 自适应相关
前端·css·tailwindcss
xinyu_Jina15 小时前
PaperStudio:WYSIWYG文档的Web实现——从CSS Print到客户端PDF生成的技术解析
前端·css·pdf
默默学前端15 小时前
html列表标签及css列表属性
前端·css·html5
山里看瓜1 天前
解决 iOS 上 Swiper 滑动图片闪烁问题:原因分析与最有效的修复方式
前端·css·ios