云服务器网:购买云服务器和VPS必上的网站!

样式:微信小程序的按钮样式如何设置

微信小程序的按钮样式如何设置在微信小程序中设置按钮样式的方法:1.新建按钮,设置class属性用于对照;2.设置按钮的宽高和色彩;3.使用border-radius属性设置按钮圆角;具体步骤以下:1.首先,新建一个项目,在项目中创建两个按钮,并设置class属

微信小程序的按钮样式如何设置

在微信小程序中设置按钮样式的方法: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 | 云服务器网,转载请注明出处!

关于作者: yuntue

云服务器(www.yuntue.com)是一家专门做阿里云服务器代金券、腾讯云服务器优惠券的网站,这里你可以找到阿里云服务器腾讯云服务器等国内主流云服务器优惠价格,以及海外云服务器、vps主机等优惠信息,我们会为你提供性价比最高的云服务器和域名、数据库、CDN、免费邮箱等企业常用互联网资源。

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注