border-radius: hr hr hr hr/vr vr vr vr
- hr 水平半径 vr 垂直半径
- 顺序为逆时针 左上角 右上角 右下角 左下角
wxml:
<!--index.wxml-->
<view class="container">
<view class="yuanjiao">圆角边框</view>
</view>
wcss
.yuanjiao{
width:200rpx;
height:100rpx;
border:2px solid #00FF00;
border-radius: 30px /60px;
}
效果图: