语法
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) 改为外部暗影 |