CSS box-shadow 属性

像这样的阴影效果是怎样做出来的？

利用css的 box-shadow来实现。

box-shadow有 6个参数分别是h-shadow v-shadow blur spead color inset

box-shadow: h-shadow v-shadow blur spread color inset;

如上的实例就可以用box-shadow来实现：box-shadow: 0 0 10px 0 rgba(184, 184, 184, 0.6) ;

不经意发现csdn的导航也是有这样的阴影。