微信小程序 box-shadow
时间: 2023-11-23 13:56:24 浏览: 126
微信小程序scroll-view的滚动条设置实现
微信小程序中的box-shadow属性可以用于设置一个或多个下拉阴影的框。该属性的语法与CSS3中的box-shadow属性相同,由h-shadow、v-shadow、blur、spread、color和inset六个值组成,分别表示水平阴影的位置、垂直阴影的位置、模糊距离、阴影的大小、阴影的颜色和是否为内侧阴影。其中,h-shadow和v-shadow是必需的值,其他值都是可选的。如果省略长度的值,则默认为0。
以下是一个微信小程序中使用box-shadow属性的例子:
```css
.box {
width: 200rpx; height: 200rpx;
background-color: #fff;
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.5);
}
```
上述代码中,我们定义了一个宽高为200rpx的白色盒子,并为其添加了一个10rpx的黑色下拉阴影。
阅读全文