html 圆角

 语法： border-radius: ;
    单位：px，百分比

    左上角：border-top-left-radius: ;
    右上角：border-top-right-radius: ;
    左下角：border-bottom-left-radius: ;
    右下角：border-bottom-right-radius: ;

  （1）一个值：设置四个角的圆角大小；
  （2）两个值：设置左上和右下、右上和左下的圆角大小；
  （3）三个值：设置左上、右上和左下、右下的圆角大小；
  （4）四个值：设置左上、右上、右下、左下的圆角大小。

    border-radius: 20px; 四个角都有圆角
    border-radius: 20px 40px; 左上角和右下角  右上角和左下角
    border-radius: 20px 40px 60px; 左上角  右上角和左下角 右下角
    border-radius: 20px 40px 60px 80px;  左上角 右上角 右下角   左下角  （顺时针角度）
    border-radius: 50%; 是一个圆形 宽高一样