微信小程序的按钮样式如何设置
在微信小程序中设置按钮样式的方法:1.新建按钮,设置class属性用于对照;2.设置按钮的宽高和色彩;3.使用border-radius属性设置按钮圆角;
具体步骤以下:
1.首先,新建一个项目,在项目中创建两个按钮,并设置class属性用于对照;
<button>肯定</button><buttonclass='btn'>肯定</button>
2.按钮创建好后,在css中设置按钮的宽高和色彩;
.btn {
width: 80%;
margin-top: 20rpx;
background-color: beige;
color: white;
}
3.也能够使用border-radius属性将按钮设置圆角;
.btn {
width: 80%;
margin-top: 20rpx;
background-color: beige;
color: white;
border-radius: 98rpx;
}
本文来源:https://www.yuntue.com/post/68296.html | 云服务器网,转载请注明出处!

微信扫一扫打赏
支付宝扫一扫打赏