CSS3之border-radius圆角

CSS3之border-radius圆角 DIV盒子圆角 图片圆角,CSS3样式实现盒子对象圆角、图片圆角效果。div css3 border-radius圆角样式教程篇。

一、css3单词与语法结构   -  TOP

1、DIVCSS3圆角单词：
border-radius

2、语法结构

1. div{border-radius:5px} 

设置DIV对象盒子四个角5像素圆角效果

1. div{border-radius:5px 0;} 

设置DIV对象盒子左上角和右下角5px圆角，其它两个角为0不圆角

1. div{border-radius:5px 5px 0 0;} 

设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角

3、说明：
border-radius:3px 4px 5px 6px
代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。

4、css圆角属性分析图