css中的box-shadow
时间: 2023-06-29 16:19:57 浏览: 62
`box-shadow`是CSS3中的一个属性,可以在一个元素周围添加一个或多个阴影效果,使元素看起来更加立体。
`box-shadow`属性的语法如下:
```
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中:
- `h-shadow`:表示阴影的水平偏移,可以为负值;
- `v-shadow`:表示阴影的垂直偏移,可以为负值;
- `blur`:表示阴影的模糊半径,值越大,阴影越模糊;
- `spread`:表示阴影的扩展半径,值为正时阴影扩大,为负时阴影缩小;
- `color`:表示阴影的颜色;
- `inset`:可选值,表示阴影是否为内阴影。
例如,`box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);`表示添加了一个颜色为黑色、模糊半径为10px的阴影,水平和垂直偏移量都为0,即位于元素正下方。