box-shadow属性

box-shadow属性的值：
box-shadow： h-shadow v-shadow blur spread color inset；
我理解的shadow不叫阴影，我觉得叫倒影。当倒影出现模糊的时候，模糊部分叫阴影。如图：上图为blur值为零的时候，即没有模糊的时候。下图红色线标注部分是倒影模糊出现了阴影

属性理解：
h-shadow v-shadow：影子相对于原标签往右和下偏移位置，可以为负值。我自己是把它按照left和top值来理解的。
如图：黑色的为倒影，倒影值分别为10px 10px和值为50px 50px的时候。

blur：英文翻译为模糊，这个值影响了倒影模糊的程度，以及阴影的宽度（半径），值越大，越宽且整个倒影越模糊。

spread：英文翻译为蔓延，测试之后，发现不同值，变化在于中间颜色深的那块再延伸多少。设置值为5px和20px之后，中间那块大小变化了。这个类似于padding值，整个倒影面积由于padding扩大了。

inset：把原标签置于倒影内，设置的值作用在了原标签身上。记发in-先内置，set-再设置。
如下图：原标签出现模糊。黄色的是原标签，粉色的为倒影。

兼容性：IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。
-moz-box-shadow：。。。; /* 老的 Firefox */