.radian{
width: 200px
height: 100px
border-radius: 200px/20px/*上下有弧度的边*/
/*border-radius: 20px/200px*//*左右有弧度的边*/
background-color: red
}
border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。
border-radius：该CSS属性是为一个div设置弧度值。border属性，CSS3提供了四个单独的属性：（可以实现弧度的转换）
border-top-left-radius为左上角设置弧度值。border-top-right-radius为右上角设置弧度值。border-bottom-left-radius为左下角设置弧度值。
border-bottom-right-radius为右下角设置弧度值。
例如设置：border-top-left-radius:15px
见效果：可见只有左上角具有了px的弧度。
