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

相关推荐
恰薯条的屑海鸥几秒前
零基础学前端-传统前端开发(第三期-CSS介绍与应用)
前端·css·学习·css3·前端开发·前端入门·前端教程
海盐泡泡龟3 分钟前
盒模型小全
前端·css·盒模型
柚子8162 小时前
CSS也支持if了
前端·css
Allen Bright2 小时前
【CSS-8】深入理解CSS选择器权重:掌握样式优先级的关键
前端·css
余道各努力,千里自同风2 小时前
CSS“多列布局”
前端·css·html
啪叽3 小时前
用纯CSS实现苹果iOS 26的Liquid Glass液体玻璃效果
前端·css·apple
10年前端老司机4 小时前
scss精华总结
前端·css
快起来别睡了4 小时前
HTML5 代码敲击乐:前端开发的结构与韵律
前端·css·html
sunbyte5 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | FAQ Collapse(问题解答折叠面板)
前端·javascript·css·vue·tailwindcss
Catfood_Eason6 小时前
HTML5 定位网页元素
前端·css