在微信小程序中設置按鈕樣式的方法:1.新建按鈕,設置class屬性用于對比;2.設置按鈕的寬高和顏色;3.使用border-radius屬性設置按鈕圓角;
具體步驟如下:
1.首先,新建一個項目,在項目中創建兩個按鈕,并設置class屬性用于對比;
<button>確定</button><button class='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;
}