CSS3 从头捋

1.border-radius  边界半径

作用：该属性用来实现圆角

示例1实现圆角

div
{
    border:2px solid red;
    width:300px;
    border-radius:25px;
}

示例2实现圆

div {
　    border: 1px solid red;
　    height: 100px;
　　  width: 100px;
　　  border-radius: 50%;
}

示例3 不规则圆

div {
    border: 1px solid red;
    height: 100px;
    width: 200px;
    border-radius: 50px 0px;
}