css3 box-shadow 为DIV添加阴影

css3 box-shadow 为DIV添加阴影

 

用css3 box-shadow属性 实现阴影模糊效果

 

box-shadow:此属性包含有6个值。

example: 

 box-shadow:10px 10px 5px 10px #ccc inset；

第1个值：水平阴影的长度，此值可以为负值。

第2个值：垂直阴影的长度，此值可以为负值。

第3个值：阴影的模糊值，此值不允许为负值。

第4个值：水平阴影的外延值，此值可以为负值。

第5个值：阴影的颜色。

第6个值：此值为空，默认为外阴影，设置成inset为内阴影。

 

实例如下： div 的内阴影效果。

 

 

 

 

 

 

 #box-shadow{

 margin:0px auto;

 width:80%;

 height:45px;

text-align:center;

 box-shadow:10px 10px 5px 5px #abcdef inset;

}

 

 

 

 

此处就是你想要看到的阴影效果