cssで一部だけを角丸にする。

４つとも角丸にするのではなくて、一部(右上のみ)に適応させたい。

ほんっとにはじめてのHTML5 [18-1] CSS3で、ボックス要素を角丸にしよう（border-radius）

-webkit-border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
-moz-border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;
border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;

水平方向の 左上、右上、右下、左下 / 垂直方向の 左上、右上、右下、左下

の順で指定するらしい。

指定されたpxを半径とした円の円周を角丸の大きさとして考えてるみたい。