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

互联网 20-3-23

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

1、WXSS的代码：

.container{   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   background: -webkit-linear-gradient(top,white,lightblue,rgb(83, 201, 248));   color: rgb(241, 161, 155);   font-size: 18px; } .container text{   display: block;   margin: 40rpx; }

top: 表示上下渐变，我们还可以设置为左右渐变（值为 left )

white: 是第一个颜色名

lightblue ：第二个颜色名

rgb(83, 201, 248) : 第三个颜色名（我们也可以设置两种颜色）

/* border-radius: 98rpx;是控制按钮边变圆 */ .goodbutton {   margin-top: 30px;   width: 70%;   background: -webkit-linear-gradient(left,pink,lightblue,skyblue);   color: white;   border-radius: 98rpx; }