您的位置:宽带测速网 > 网络知识 > 微信小程序怎么设置页面渐变

微信小程序怎么设置页面渐变

2025-06-17 10:07来源:互联网 [ ]

微信小程序使用background设置页面渐变

1.首先,进入微信开发者工具,打开小程序文件目录;

2.在文件目录中,依次查找到index/index.wxss文件,并打开;

3.最后,index.wxss文件打开后,在page中添加以下代码即可;

page{

background:-webkit-linear-gradient(top,white,lightblue,rgb(83,201,248));

}

备注:

top: 表示上下渐变,left值为左右渐变;

white: 第一个颜色名;

lightblue : 第二个颜色名;

rgb(83, 201, 248) : 第三个颜色名。