本文详细介绍了微信小程序中WXSS的使用方法，包括文字样式、图片尺寸、按钮设计、透明度调整及浮动布局等基本控制技巧，是小程序开发者的实用指南。
为了美观，今天进行css的布置，在微信小程序中，它被命名为wxss，
1.控制文字颜色，大小：
.text{
font-size: 1.6em;/*文字大小*/
color: #ff00ff;/*文字颜色*/
text-align: center;/*文字居中*/
}
2.图片的样式控制，长度宽度。
.images{
width: 100%;
height: auto;
}
3.按钮样式<button>，可以用官网给的样式，可以了自己设定。
button{
width: 50%;/*长度*/
background: #ff0;/*背景颜色*/
color: #969696;/*字体颜色*/
border-radius:5px; /*边角原弧度*/
}
button::after{
border: 10px solid #969696;/*边框*/
}
4。透明度，
opacity: 0.3;
最多1.0。
5.浮动和边距，
.fd{
border: 1px solid red;/*边框*/
width: 15%;/*长度*/
float: left;/*浮动*/
margin-left: 20px;/*距离左侧*/
}
这是一些基础的控制wxss的东西，这个是小程序的基础
接下来是js这控制了页面的交互等很多重要问题，
扫一扫
86
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
