css3による角丸

対応ブラウザ:IE9,Firefox,Google Chrome,Safari

-角丸にする-

border-radius: 15px;　　/*ピクセルの部分を大きくすると丸みが大きくなる*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

-1ヶ所のみ角丸にする-

border-top-left-radius: 15px;　　/*topleft,bottomrightなどで位置を指定*/
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;

-丸み具合をそれぞれ指定する-

/*丸み具合を決めるためX軸方向の左上→右上→右下→左下　/　Y軸方向の左上→右上→右下→左下の順で指定*/
border-radius: 100px 75px 50px 25px / 25px 50px 75px 100px;
-moz-border-radius: 100px 75px 50px 25px / 25px 50px 75px 100px;
-webkit-border-radius: 100px 75px 50px 25px / 25px 50px 75px 100px;