css3单词与语法结构实例分析

这篇文章主要介绍了css3单词与语法结构实例分析的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇css3单词与语法结构实例分析文章都会有所收获，下面我们一起来看看吧。

作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。创新互联建站提供从前期的网站品牌分析策划、网站设计、成都网站设计、成都做网站、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

一、css3单词与语法结构    

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圆角。

二、CSS3圆角案例   

DIVCSS5分别对两个DIV盒子设置圆角、一个图片设置圆角实践CSS3圆角。

1、案例HTML代码

         
盒子左上角和右上角对象圆角测试
 DIV盒子圆角