SOURCE

<div class="e1">border-radius可以分别设置圆角的垂直和水平半径，用斜线分隔即可。</div>

<div class="e2">值也可以以百分比为单位</div>
<div class="e3"></div>
<div class="e4">e3 跟 e4得到相同的效果。水平垂直半径通过斜线分隔。简写是针对水平和垂直的分别简写：先水平的简写，然后斜杠，然后垂直的简写。</div>

div {
  width:10em;
  height:10em;
  background:yellow;
  margin-bottom:2em;
  border: 2px solid blue;
}

.e1 {
  
  border-radius: 10px / 20px;
}
.e2 {
  border-radius:50%;
}
.e3 {
  border-radius:10px/ 5px 20px;
}
.e4 {
  border-radius:10px 10px 10px 10px / 5px 20px 5px 20px;
}