box-shadow属性

今天研究了一下这个CSS,以前用得不多.

作用:

　　给框加阴影

代码和示例:

　　{ box-shadow:3px 3px 2px 5px red;}/*参数依次为 水平阴影 垂直阴影 模糊范围 投影距离 阴影颜色*/

　　可以加多个阴影,要用逗号隔开.阴影值为负则出现在反向.

        最后一个投影距离,使用了第4个参数."投影距离"感觉像光源垂直照射盒子,越近盒子周围阴影越大,越远阴影越小.这个值设得大表明光源近.

外阴影(默认)

内阴影(inset)

方向(使用负值)

多阴影(逗号分开)

投影距离