|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
破洛洛文章简介: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>
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。 |
|