微信小程序怎么设置页面渐变
Mar 23, 2020 pm 05:23 PM
微信小程序怎么设置页面渐变
微信小程序设置页面背景颜色渐变可以使用css的-webkit-linear-gradient()来实现。
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) : 第三个颜色名 （我们也可以设置两种颜色）
2、同样可以实现按钮的渐变：
/* border-radius: 98rpx;是控制按钮边变圆 */
.goodbutton {
margin-top: 30px;
width: 70%;
background: -webkit-linear-gradient(left,pink,lightblue,skyblue);
color: white;
border-radius: 98rpx;
}
推荐学习：小程序开发
Atas ialah kandungan terperinci 微信小程序怎么设置页面渐变. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara menukar kad ID pengesahan nama sebenar pada WeChat
Apr 24, 2024 am 10:58 AM
Cara menukar kad ID pengesahan nama sebenar pada WeChat
Bolehkah saya melihat pelawat dalam WeChat Moments?
May 06, 2024 pm 01:30 PM
Bolehkah saya melihat pelawat dalam WeChat Moments?
Bagaimanakah WeChat tahu bahawa pihak lain telah membacanya?
Apr 24, 2024 pm 01:45 PM
Bagaimanakah WeChat tahu bahawa pihak lain telah membacanya?
Bagaimana untuk menutup pembayaran tanpa kata laluan WeChat
Apr 18, 2024 pm 02:01 PM
Bagaimana untuk menutup pembayaran tanpa kata laluan WeChat
Di manakah pengesahan nama sebenar WeChat?
Apr 18, 2024 pm 01:50 PM
Di manakah pengesahan nama sebenar WeChat?
Bagaimana untuk memadamkan senarai hitam WeChat sepenuhnya
Apr 18, 2024 pm 01:46 PM
Bagaimana untuk memadamkan senarai hitam WeChat sepenuhnya
Terdapat khabar angin bahawa 'iPhone 16 mungkin tidak menyokong WeChat', dan perunding teknikal Apple di China berkata bahawa ia sedang berkomunikasi dengan Tencent tentang komisen kedai aplikasi
Sep 02, 2024 pm 10:45 PM
Terdapat khabar angin bahawa 'iPhone 16 mungkin tidak menyokong WeChat', dan perunding teknikal Apple di China berkata bahawa ia sedang berkomunikasi dengan Tencent tentang komisen kedai aplikasi
Adakah anda tahu bahawa orang yang anda sekat di WeChat telah dipulihkan?
Apr 24, 2024 pm 01:34 PM
Adakah anda tahu bahawa orang yang anda sekat di WeChat telah dipulihkan?
