该属性用于设置容器的边框阴影。
<!-- box-shadow 的参数顺序 | hoffset、hoffset、blur、spread、color、inset -->
<div style="background:orange; width:100px; height:100px; box-shadow: 5px 5px 1px 1px gray;"></div>显示效果
box-shadow各个参数代表的含义。
| 属性值 | 含义 |
|---|---|
| hoffset | 阴影水平长度、正数阴影显示在右边、负数阴影显示在左边 |
| voffset | 阴影垂直长度、正数阴影显示在下边、负数阴影显示在左边 |
| blur | （可选）阴影模糊值、越大越模糊 |
| spread | （可选）阴影延伸值、负数往反方向延伸 |
| color | （可选）阴影颜色、默认不同浏览器会分配不同颜色 |
| inset | （可选）设置成内部阴影 |