CSS3 圆角

前缀

-moz(例如 -moz-border-radius)用于Firefox

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

实例一、代码如下

#round {
    padding:10px; width:300px; height:50px;
    border: 5px solid #dedede;
    -moz-border-radius: 15px;      
    -webkit-border-radius: 15px;   
    border-radius:15px;            
}

效果如下：

实例二、代码如下：

  
#round {
    padding:10px; width:300px; height:50px;
    background:#FC9; 
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
}

效果如下：

书写顺序：

-moz-border-radius: 5px; 

-webkit-border-radius: 5px; 

border-radius:10px;

通过以下视频详细了解CSS3圆角