盒子下阴影box-shadow
时间: 2023-08-17 12:12:10 浏览: 114
盒子的阴影
box-shadow是CSS属性,用于在元素周围创建阴影效果。它可以接受多个值,用逗号分隔。一般情况下,box-shadow属性的语法如下:
```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
- h-shadow:水平阴影的位置。可以是正值(向右)或负值(向左)。
- v-shadow:垂直阴影的位置。可以是正值(向下)或负值(向上)。
- blur:可选参数,模糊半径。值越大,阴影越模糊,值为0时没有模糊效果。
- spread:可选参数,阴影的尺寸。正值会使阴影扩展,负值会使阴影收缩。
- color:阴影的颜色。可以使用颜色名称、十六进制值、RGB值等。
- inset:可选参数,指定阴影是否为内阴影。如果设置为inset,则表示内阴影;否则为外阴影。
例如,要在一个盒子下方创建一个水平偏移为2px、垂直偏移为4px、模糊半径为6px、颜色为黑色的阴影,可以使用以下代码:
```css
box-shadow: 2px 4px 6px black;
```
希望这能帮到你!如果有任何其他问题,请随时提问。
阅读全文