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; 
相关推荐
拾光拾趣录14 分钟前
🔥99%人只知WebP小,第3个特性却翻车?💥
前端·面试
xianxin_18 分钟前
HTML 5 本地数据库
前端
BUG收容所所长20 分钟前
如何用 Node.js 构建一个智能文章生成器?从零开始的技术实践之旅
前端·node.js·设计
breeze_whisper21 分钟前
使用AI聊天的时候,字儿是咋一个一个蹦出来的?
前端
前端Hardy22 分钟前
HTML&CSS&JS:有趣的练手小案例-开关灯效果
前端·javascript·css
Sawtone23 分钟前
[前端] 面试官:Babel = 比巴卜,想吃了是吧?👿一文速通 Babel 基础知识点,全文干货,干净不废话👋
前端·面试
xianxin_24 分钟前
HTML5 语义元素
前端
ZoeLandia25 分钟前
Vue中v-if为何报属性undefined的错
前端·vue.js
然我26 分钟前
给 React 代码上把锁?TypeScript:这锅我背了!
前端·react.js·typescript
一阵石头雨26 分钟前
Nuxt 的 网络请求 添加代理
前端