box-shadow属性

简介: 【8月更文挑战第26天】box-shadow属性。

CSS3中的box-shadow属性可以轻松实现阴影的添加。
box-shadow:像素值1 像素值2 像素值3 像素值4 颜色值 阴影类型;
参数值 说明
像素值1 表示元素水平阴影位置,可以为负值(必选属性)。
像素值2 表示元素垂直阴影位置,可以为负值(必选属性)。
像素值3 阴影模糊半径(可选属性)。
像素值4 阴影扩展半径,不能为负值(可选属性)。
颜色值 阴影颜色(可选属性)。
阴影类型 内阴影(inset)/外阴影(默认)(可选属性)。
image.png
CSS3中的box-shadow属性可以轻松实现阴影的添加。
box-shadow:像素值1 像素值2 像素值3 像素值4 颜色值 阴影类型;
box-shadow:5px 5px 10px 2px #999 inset,-5px -5px 10px 2px #333 inset;

目录
相关文章
|
前端开发
css3阴影box-shadow
css3阴影box-shadow
|
1月前
|
前端开发 容器
box—sizing 属性的了解
box—sizing 属性的了解
51 0
|
2月前
box-shadow属性
box-shadow属性。
112 8
|
1月前
|
前端开发
box-sizing属性
box-sizing属性
26 0
|
2月前
box-sizing属性值
box-sizing属性值。
29 13
|
5月前
|
前端开发
CSS中的边框属性:border、border-width、border-color、border-style 详解
CSS中的边框属性:border、border-width、border-color、border-style 详解
444 44
|
Web App开发 iOS开发
怎样给边框添加阴影?CSS3属性box-shadow帮你搞定!
CSS3 给边框添加阴影 -- box-shadow属性
1060 1
怎样给边框添加阴影?CSS3属性box-shadow帮你搞定!
|
前端开发
CSS3 box-shadow 属性
CSS3 box-shadow 属性
57 0
|
前端开发
css中对 box—sizing 属性的了解
css中对 box—sizing 属性的了解
56 0
|
前端开发
CSS3中border-radius、box-shadow与gradient那点事儿
border-radius用于添加圆角边框,用处非常广泛。
CSS3中border-radius、box-shadow与gradient那点事儿