css3圆角效果实例代码

方法1：利用border-radius属性统一设置。

p{border-radius: 25px 25px 25px 0;}

方法2：利用border-radius属性的派生子属性设置。

p{

border-top-left-radius: 25px;

border-top-right-radius: 25px;

border-bottom-right-radius: 25px;

}

方法3：利用border-radius属性设置所有角方向均为25px，再利用border-radius属性的派生子属性设置左下角没有圆角效果。

p{

border-radius: 25px;

border-bottom-left-radius: none;

}

例4：设置div块级元素的左上角圆角效果为：水平角半径50px，垂直角半径25px。

div{border-top-left-radius: 50px/25px;}