css3之box-shadow

CSS3之 box-shadow

 

   -------设置块阴影。

 

 

 

 

1、语法：

 

     box-shadow: <length> <length> <length> <length> || <color>

 

 

• <length><length><length>?<length> || <color>

           阴影水平偏移（也可以设置负值），阴影垂直偏移（也可以设置负值）；阴影模糊值，阴影颜色。

2、兼容性：

 

3、代码展示：

.test{
   width:200px;
   height:100px;
   box-shadow:4px 2px 2px #333;
   -moz-box-shadow:4px 2px 2px #333;
   -webkit-box-shadow:4px 2px 2px #333;
}