box-shadow: 0 0 10px 10px #b9bcbf;
CSS3 box-shadow property
CSS Reference Manual
Add box-shadow to a div element:
div{box-shadow: 10px 10px 5px #888888;}Try it yourself
More examples at the bottom of the page.
IE9, Firefox 4, Chrome, Opera and Safari 5.1.1 support the box-shadow attribute.
The box-shadow property adds one or more shadows to a box.
Tip: Use border-image-* properties to construct beautiful scalable buttons!
| none |
| no |
| CSS3 |
| object.style.boxShadow="10px 10px 5px #888888" |
box-shadow: h-shadow v-shadow blur spread color inset;
Comments: box-shadow adds one or more shadows to a box. This property is a comma-separated list of shadows, each shadow specified by 2-4 length values, an optional color value, and the optional inset keyword. The value for omitted length is 0.
| h-shadow | 必需。水平阴影的位置。允许负值。 | 测试 |
| v-shadow | 必需。垂直阴影的位置。允许负值。 | 测试 |
| blur | 可选。模糊距离。 | 测试 |
| spread | 可选。阴影的尺寸。 | 测试 |
| color | 可选。阴影的颜色。请参阅 CSS 颜色值。 | 测试 |
| inset | 可选。将外部阴影 (outset) 改为内部阴影。 | 测试 |
CSS3 Tutorial: CSS3 Border
CSS Reference Manual
I’m afraid I’ll forget. Just move here first.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
