淘先锋技术网

首页 1 2 3 4 5 6 7

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;
}