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

相关推荐
逃逸线LOF9 小时前
CSS之精灵图(雪碧图)Sprites、字体图标
前端·css
清风细雨_林木木10 小时前
解决 Tailwind CSS 代码冗余问题
前端·css
余道各努力,千里自同风11 小时前
CSS实现文本自动平衡text-wrap: balance
前端·css
Yvonne爱编码11 小时前
CSS- 4.3 绝对定位(position: absolute)&学校官网导航栏实例
前端·css·html·html5·hbuilder
Yvonne爱编码15 小时前
CSS- 4.4 固定定位(fixed)& 咖啡售卖官网实例
前端·css·html·状态模式·hbuilder
heart000_117 小时前
从零开始打造个人主页:HTML/CSS/JS实战教程
javascript·css·html
Yvonne爱编码1 天前
CSS- 4.1 浮动(Float)
前端·css·html·github·html5·hbuilder
有事没事实验室1 天前
CSS 浮动与定位以及定位中z-index的堆叠问题
前端·css·开源
读心悦1 天前
5000 字总结CSS 中的过渡、动画和变换详解
前端·css·tensorflow
Yvonne爱编码1 天前
CSS- 4.2 相对定位(position: relative)
前端·css·状态模式·html5·hbuilder