CSS3之borderradius圆角

CSS3之borderradius圆角

CSS3之border-radius圆角 DIV盒子 圆角 图片圆角, CSS3 样式实现盒子对象圆角、图片圆角效果。 div css 3 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 圆角属性分析图

赞赏码

非学，无以致疑；非问，无以广识

查看更多关于CSS3之borderradius圆角的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did42648