box-shadow属性
时间: 2023-07-12 18:04:23 浏览: 94
CSS3属性box-shadow使用指南
box-shadow属性用于为元素添加一个或多个阴影效果。其语法为:
```
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中:
- h-shadow:必需。表示水平方向上的阴影偏移量,可以为负值。
- v-shadow:必需。表示垂直方向上的阴影偏移量,可以为负值。
- blur:可选。表示模糊半径,值越大,阴影越模糊,可以为0。
- spread:可选。表示阴影的扩展大小,可以为负值。
- color:可选。表示阴影的颜色,默认为黑色。
- inset:可选。如果指定该值,则阴影将被绘制在元素内部。
示例:
```css
div {
box-shadow: 10px 10px 5px grey;
}
```
此例中,元素会生成一个水平偏移量为10px,垂直偏移量为10px,模糊半径为5px,颜色为灰色的阴影。
阅读全文