HTML 5ラーニング_day 13(3)--border-radiusプロパティ(フィレットボーダー)

border-radiusプロパティ

用法：

border-radius:像素;

复合写法：

1.

左上角 右上角 右下角 左下角

border-radius:20px;

2.
左上角=右下角=20 px;
右上=左下=40 px;

border-radius:20px 40px;

3.
左上20右上30右下40

border-radius:20px 30px 40px;

4.
30は水平方向の半径40は垂直方向の半径を表す

border-radius: 30px/40px;

5.
次に、水平半径と垂直半径を時計回りに設定します.

border-radius: 10px 20px 30px 40px/50px 60px 70px 80px;

個別の書き方:
左上:border-top-left-radius:;
右上:border-top-right-radius:;
左下:border-bottom-left-radius:;
右下:border-bottom-right-radius:;