css3 角丸 (border-radius)_html/css_WEB-ITnose

Firefox の場合は、

プレフィックス

-moz (例: -moz-border-radius)。
-webkit (例: -webkit-border-radius) Safari および Chrome 用。

css3 角丸コード

<div class="radius"></div>.radius {    padding:10px; width:300px; height:50px;    border: 5px solid #dedede;    -moz-border-radius: 15px;      /* Gecko browsers */    -webkit-border-radius: 15px;   /* Webkit browsers */    border-radius:15px;            /* W3C syntax */}

効果:

その他の書き方:

border-radius:5px 15px 20px 25px;               上  右    下   左