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

相关推荐
思码梁田17 小时前
CSS transform 转换详解:translate、rotate、scale、skew 与 3D 变换一次讲清
前端·css·transform·skew·scale·translate·rotate
三天不学习1 天前
Tailwind CSS 快速入门(2026 版):从 v4 零配置上手,到「该不该用、怎么用好」的选型实战
前端·css·tailwind
htzyl2061 天前
前端阶梯——第九章、颜色、文本与背景
前端·css
htzyl2061 天前
前端阶梯——第八章、CSS入门与选择器
前端·css
传人3 天前
页面中心圆圈放大效果如何写
前端·css
被摘下的星星3 天前
CSS 基础说明
前端·css
传人once4 天前
网页文字滚动效果如何做
前端·css·html·jquery·html5
乌暮4 天前
拆解网页的底层逻辑:用费曼学习法讲透 HTML 与 CSS
前端·css·学习·html
传人once4 天前
多图片上传预览功能如何写
前端·css·html·jquery·html5
传人once4 天前
悬停旋转放大和位移效果如何写
javascript·css·动画