来一发CSS3技能实例：完成网页中的圆角效果

大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
破洛洛文章简介：CSS3HTML5实例一(圆角).
CSS3HTML5是将来的Web，它们都还没有正式到来，固然很多扫瞄器已入手下手对它们供应部分撑持。本文先容了1个CSS3技能，能够帮你完成将来的Web。今朝这些手艺不该该用在正式的客户项目，它们更合适你的团体博客站点，Web计划社区，大概不会有客户向你赞扬的场所。
　　圆角效果

登录/注册后可看大图

　　CSS3新功效中最经常使用的一项是圆角效果，尺度HTML方块工具是90度方角的，CSS3能够帮你完成圆角。
　　-moz-border-radius:20px;
　　-webkit-border-radius:20px;
　　border-radius:20px;
　　乃至单个角也能够完成圆角，不外Mozilla和Webkit的语法稍有分歧。
　　-moz-border-radius-topleft:20px;
　　-moz-border-radius-topright:20px;
　　-moz-border-radius-bottomleft:10px;
　　-moz-border-radius-bottomright:10px;
　　-webkit-border-top-rightright-radius:20px;
　　-webkit-border-top-left-radius:20px;
　　-webkit-border-bottom-left-radius:10px;
　　-webkit-border-bottom-rightright-radius:10px;
　　所撑持的扫瞄器：Firefox,Safari,Chrome
</p>
每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。