Linux 拨号vps windows公众号手机端

微信小程序的按钮样式怎么设置

lewis 7年前 (2018-10-01) 阅读数 9 #VPS/云服务器
文章标签 微信小程序

在微信小程序中设置按钮样式的方法: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;

}


版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门