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圆角属性分析图