1. border-radius: 20px; // 同时设置4个边框圆角样式:水平半径和垂直半径都为20px
<br/>
<div class="div border-radius-1"></div><br/>
2.border-radius:20px 40px; // 左上角和右下角:20px;右上角和左下角:40px
<br/>
<div class="div border-radius-2"></div><br/>
3.border-radius:20px 40px 60px; // 左上角:20px;右上角和左下角:40px;右下角:60px
<br/>
<div class="div border-radius-3"></div><br/>
4.border-radius:20px 40px 60px 80px; // 左上角:20px;右上角:40px;右下角:60px;左下角:80px
<br/>
<div class="div border-radius-4"></div>
.border-radius-1{
  border-radius:20px;
}
.border-radius-2{
  border-radius:20px 40px
}
.border-radius-3{
  border-radius:20px 40px 60px;
}
.border-radius-4{
  border-radius:20px 40px 60px 80px;
}
.div{
  height:150px;
  width:160px;
  margin-left:20px;
  margin-top:10px;
  background-color: #82AF6F;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.