CSS3 圆角（border-radius）

黄振国

原文地址：http://www.cnblogs.com/rainman/archive/2011/06/21/2085800.html

-moz(例如 -moz-border-radius)用于Firefox；
-webkit(例如：-webkit-border-radius)用于Safari和Chrome。

例1：
<div id="round"></div>
#round {
    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 */
}


例2：无边框
<div id="round"></div>  
#round {
    padding:10px; width:300px; height:50px;
    background:#FC9;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
}