CSS设置盒子阴影

语法 box-shadow: *h-shadow v-shadow blur spread color* inset;

注释: box-shadow向框添加一个或多个阴影. 该属性是由逗号分隔的阴影列表,每个阴影由2-4个长度值、可选的颜色值及可选的inset关键词来规定。省略长度的值是0。

外阴影

a、给元素右边框和下边框加外阴影------把水平阴影位置、垂直阴影位置偏移值均设为正值

css代码

css 复制代码
/* 阴影向右偏移10px、向下偏移10px、模糊距离为20px、阴影尺寸为10px、颜色为pink*/

 box-shadow: 10px 10px 20px 10px pink; 
相关推荐
颜进强4 分钟前
前端看后端 13:什么是 Cookie 和 Session?
前端·后端
月月大王的3D日记6 分钟前
Three.js 入门系列(7):让甜甜圈围着我转 —— 3D文字生成
前端·javascript
gitboyzcf8 分钟前
mpegts.js解决Chrome无法播放7568×142分辨率报错 DOMException问题
前端·后端
yio_yin22 分钟前
MyBatis
java·前端·mybatis
棒棒的唐28 分钟前
非常棒的向量数据库chroma的前端管理工具及向量模型配置
前端
芭拉拉小魔仙1 小时前
前端文件下载与错误处理实战指南
前端
Yao8062 小时前
MinIO自建对象存储,省OSS费用的完整方案
前端·后端
2501_933923252 小时前
设计网页的时候加载不出来怎么办?认识常见的状态码
前端·spring
only-lucky2 小时前
QML深入学习五(Controls模块)
前端·javascript·学习
程序员黑豆2 小时前
鸿蒙应用开发之路由:Router 页面路由使用教程
前端·harmonyos