CSS之box-shadow属性

html-css017

CSS之box-shadow属性,第1张

CSS box-shadow 属性用于在元素的框架上添加阴影效果。

当给出两个、三个或四个 <length> 值时:

你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。 阴影绘制由最后一个开始 , 故第一个设置的阴影将覆盖在后设置的阴影之上。

利用此特性可以给上下左右边框设置不同样式的阴影效果:

box-shadow就是给盒子、文本的阴影,就像人的影子一样。根据调整其属性进行控制阴影出现的位置,大小,颜色。

box-shadow属性添加一个或者多个阴影。

语法: