微信小程序中box-shadow具体参数是怎么用的
时间: 2024-05-25 18:05:00 浏览: 169
box-shadow的使用方法
在微信小程序中,box-shadow是用于设置盒子阴影的属性。它可以通过设置四个参数来控制阴影的位置、大小、模糊度和颜色。
具体参数如下:
1. x轴偏移量(可选):阴影相对于元素的水平偏移量,可以为正数(右偏移)或负数(左偏移)。
2. y轴偏移量(可选):阴影相对于元素的垂直偏移量,可以为正数(下偏移)或负数(上偏移)。
3. 模糊度(可选):阴影的模糊程度,值越大,阴影越模糊,可以为0或正整数。
4. 颜色(必选):阴影的颜色,可以为关键字(如red、green等)或十六进制颜色值。
示例代码:
```css
box-shadow: 10px 10px 20px #888888;
```
这段代码表示设置一个水平偏移量为10px,垂直偏移量为10px,模糊度为20px,颜色为#888888的阴影。
阅读全文