语法

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

box-shadow 向框增加一个或多个暗影。该属性是由逗号分隔的暗影列表,每个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来规定。省略长度的值是 0。

box-shadow属性值-- 单边暗影

.showdow-top{ box-shadow: 0px -10px 10px -10px #333;  }.shadow-bottom{ box-shadow: 0px 10px 10px -10px #333;  }.shadow-right{ box-shadow: 10px 0px 10px -10px #333;  }.shadow-left{ box-shadow: -10px 0px 10px -10px #333;  }

box-shadow 配置阐明

形容
h-shadow必须程度暗影的地位 ,容许负值
v-shadow必须垂直暗影的地位。容许负值
blur可选暗影的尺寸
spread可选含糊间隔
color可选暗影的色彩。请参阅 CSS 色彩值
inset可选将内部暗影 (outset) 改为外部暗影