css教程系列15：CSS3 圆角

1 css圆角：

1.1 浏览器支持：-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。

1.2 属性 border-radius：

代码如下：

#rcorners1 {
    border-radius: 25px;
    background: #cecece;
    /*padding: 20px;*/
    width: 50px;
    height: 50px;
}
#rcorners2 {
    border-radius: 25px;
    border: 2px solid #99ffff;
    /*padding: 20px;*/
    width: 100px;
    height: 100px;
}
#rcorners3 {
    border-radius: 25px;
    background: url("img/121.png");
    padding: 20px;
    width: 100px;
    height: 100px;
}

1.3 border-radius详细介绍：CSS3 border-radius - 指定每个圆角

border-radius: 顺时针4书写个角