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

相关推荐
冰暮流星23 分钟前
css新增盒子属性——尺寸调节
前端·css
Predestination王瀞潞1 天前
WEB前端技术基础(第三章:css-网页美化的衣装-上)
前端·css
冰暮流星1 天前
css之box-sizing属性
前端·javascript·css
倚肆1 天前
CSS ::before 和 ::after 伪元素详解
前端·css
小九今天不码代码1 天前
巧用 CSS linear-gradient 实现多种下划线文字特效(纯 CSS 无需额外标签)
css·css3·前端开发·linear-gradient·前端特效·下划线样式·文字特效
泷羽Sec-静安2 天前
Less-1 GET-Error based-Single quotes-String GET-基于错误-单引号-字符串
前端·css·网络·sql·安全·web安全·less
一只学java的小汉堡2 天前
HTML 01入门:从概念到开发环境搭建与页面头部配置
前端·css·html
九皇叔叔2 天前
HTML与CSS基础入门:从语法到页面结构全解析
css·html·1024程序员节
_殊途2 天前
HTML-CSS项目练习
前端·css·html
β添砖java2 天前
vivo响应式官网
前端·css·html·1024程序员节