本文介绍了如何在微信小程序中使用CSS的`-webkit-linear-gradient`属性来创建从上到下、从深色到浅色的背景颜色渐变效果。在`app.wxss`文件中，通过设置页面背景为渐变色，可以实现视觉上的美观过渡。示例代码展示了具体的颜色配置方法。
参考链接：
（1）微信小程序用CSS（.wxss）设置背景颜色渐变的方法
https://blog.youkuaiyun.com/qq15577969/article/details/102662424
（1）核心代码
-webkit-linear-gradient()
（2）app.wxss
/**app.wxss**/
page {
background: -webkit-linear-gradient(top,rgb(244,157,4),#FACF94,white);
}
| 参数值 | 描述 |
|---|---|
| top | 从上到下渐变 |
| bottom | 从下到上渐变 |
| left | 从左到右渐变 |
| right | 从右到左渐变 |
rgb(244,157,4)： 第一个颜色名
#FACF94：第二个颜色名
white：第三个颜色名
（3）效果图
扫一扫
787
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
