. mydiv{
250px； height :自动； border:#909090 1px solid； background:#fff； 颜色： # 333；
filter : progid : dximagetransform.Microsoft.shadow (color=# 909090，direction=120，strength=4)； /*ie*/
- moz-box-shadow :2 px2px 10px # 909090； /*firefox*/
- web kit-box-shadow 33602 px2px 10px # 909090； /*safari或chrome*/
box-shadow :2 px2px 10px # 909090； /*opera或ie9*/
}
for ie:
direction阴影的角度0是从下向上顺时针的方向
strength阴影段的长度
- moz-box-shadow :2 px2px 10px # 909090；
- web kit-box-shadow 33602 px2px 10px # 909090；
box-shadow :2 px2px 10px # 909090；
第一个参数是x轴上阴影段的长度
第二个参数是y轴上阴影段的长度
第三个参数是周围阴影段的长度
第四个参数是阴影段的颜色
- moz-box-shadow :2 px3px 10px # ebb d2c； - WebKit-box-shadow :2 px3px 10px # ebb d2c； box-shadow :2 px3px 10px # ebb d2c
- WebKit-box-shadow :03 px # ffffff inset，01px1px rgba (0，0，0，0.1 )； - moz-box-shadow :03 px # fffff inset，01px1px rgba (0，0，0，0.1 )； box-shadow :003 px # fffffff inset，01px1px rgba (0，0，0.1 )；
div码：
123123213123
. short code style { margin :0 px auto； - moz-box-shadow :0 px1 px2 px rgba (0，0，0.2 )； - WebKit-box-shadow :0 px1 px2 px rgba (0，0，0.2 )； box-shadow :0 px1px2px rgba (0，0，0.2 )； border-radius:5px； -webkit-border-radius:5px； -moz-border-radius:5px； -khtml-border-radius:5px； }
圆角边界阴影：
-webkit-border-radius:5em； -moz-border-radius:5em； border-radius:5em； - WebKit-box-shadow :01 px2px rgba (0，0，2)； - moz-box-shadow :01 px2px rgba (0，0，2)； box-shadow :01 px2px rgba (0，0，0，2)；
-webkit在Chrome浏览器中使用。 一般来说，这意味着浏览器是webkit核心
05pxrgba(40、173、243、0.5 )；
盒阴影的四个参数
x-offset x轴偏移0
y -偏移y轴偏移0
blur模糊值5px
颜色阴影的颜色
RGBA(40、173、243、0.5；
RGB是颜色，a是透明度
红40、绿173、蓝243、透明度50%