网页布局------阴影效果显示

在制作网页的过程中，经常需要对图片添加阴影效果

基本语法如下

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

具体参数属性如下

参数值	描述
h-shadow	表示水平阴影的位置们，可以为负值(必选属性)
v-shadow	表示垂直阴影的位置，可以为负值(必选属性)
blur	阴影模糊半径(可选属性)
spread	阴影扩展半径，不能为负值(可选属性)
color	阴影颜色(可选属性)
outset/inset	默认为外阴影/内阴影(可选属性)

一般阴影属性设置为下面数值，可以看到一点阴影效果

box-shadow: 0 8px 16px rgba(0, 0, 0, .18);