box-shadow属性
今天研究了一下这个CSS,以前用得不多.
作用:
给框加阴影
代码和示例:
{ box-shadow:3px 3px 2px 5px red;}/*参数依次为 水平阴影 垂直阴影 模糊范围 投影距离 阴影颜色*/
可以加多个阴影,要用逗号隔开.阴影值为负则出现在反向.
最后一个投影距离,使用了第4个参数."投影距离"感觉像光源垂直照射盒子,越近盒子周围阴影越大,越远阴影越小.这个值设得大表明光源近.
外阴影(默认)
内阴影(inset)
方向(使用负值)
多阴影(逗号分开)
投影距离