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; 
相关推荐
睡美人的小仙女1271 小时前
在 Vue 前端(Vue2/Vue3 通用)载入 JSON 格式的动图
前端·javascript·vue.js
yuanyxh1 小时前
React Native 初体验
前端·react native·react.js
大宝贱1 小时前
H5小游戏-超级马里奥
javascript·css·html·h5游戏·超级马里奥
程序视点1 小时前
2025最佳图片无损放大工具推荐:realesrgan-gui评测与下载指南
前端·后端
程序视点3 小时前
2023最新HitPaw免注册版下载:一键去除图片视频水印的终极教程
前端
小只笨笨狗~4 小时前
el-dialog宽度根据内容撑开
前端·vue.js·elementui
weixin_490354344 小时前
Vue设计与实现
前端·javascript·vue.js
烛阴5 小时前
带你用TS彻底搞懂ECS架构模式
前端·javascript·typescript
卓码软件测评6 小时前
【第三方网站运行环境测试:服务器配置(如Nginx/Apache)的WEB安全测试重点】
运维·服务器·前端·网络协议·nginx·web安全·apache
龙在天6 小时前
前端不求人系列 之 一条命令自动部署项目
前端