CSS3之border-radius圆角 DIV盒子圆角 图片圆角,CSS3样式实现盒子对象圆角、图片圆角效果。div css3 border-radius圆角样式教程篇。
一、css3单词与语法结构 -
TOP
1、DIVCSS3圆角单词:
border-radius
2、语法结构
-
div{border-radius:5px}
设置DIV对象盒子四个角5像素圆角效果
-
div{border-radius:5px
0;}
设置DIV对象盒子左上角和右下角5px圆角,其它两个角为0不圆角
-
div{border-radius:5px
5px 0 0;}
设置DIV对象盒子左上角和右上角5px圆角,其它两个角为0不圆角
3、说明:
border-radius:3px 4px 5px 6px
代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。
4、css圆角属性分析图