border-radiusのみを使用。
-webkit-border-radiusで一括指定。
-webkit-border-radius:10px
webkit-border-radiusで個別に指定。
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radiusで一括指定。
-moz-border-radius:10px
-moz-border-radiusで個別に指定。
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 40px;
htcファイル『curved-corner』を使用。
behavior: url(border-radius.htc);
クロスブラウザ用
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);