阴影box-shadow

五个参数：相对位置两个，模糊程度一个，放大程度一个，颜色一个。

如果想要逼真的阴影，一般需要很多个阴影相互叠加。

<div style="width: 200px; height: 50px; background: #87C98A; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);">&nbsp;</div>

<div style="width: 200px; height: 50px; background: #87C98A; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2),0 8px 24px 0 rgba(0,0,0,.2);">&nbsp;</div>

前一个绿条含阴影，但是不明显，只因风不够大。风起，绿条起，造成大的阴影。----learn by w3shools.bootcss.com

这个网站还有很多很棒的东西，比如说页面布局动态响应、表格动态响应等等，只能说吊大你来。