作品备案盖章纸质证书需另出工本费,邮寄到付!
大家也知道,CSS3将可能在明年就正式的加入到了我们的设计中,而这篇教程也是来自国外,原文链接。这里只是稍微的翻译下,希望大家能够从中领悟。
圆角效果,首先我们应该来创建一个DIV和简单的CSS吧。
在CSS中,我们应该给他定义一个宽度和高度,当然还有背景。
好了,准备工作都已经就绪了,那么我们就开始做圆角吧,其实很简单。
1.对4个角都设置。
2.这种情况比较特殊,是对左上角和右下角设置同一种圆角,而右上角和左下角是同一种圆角。
3.这种情况也比较特殊,是左上角为20px的圆角,右上和左下是40px的圆角,而右下则是5px的圆角。
4.这种情况则比较规则,则是右上、右上、右下、左下依次是10px/20px/30px/40px的圆角。
5.分别控制4个位置的圆角。
-moz-border-radius-topleft for the top-left corner;
-moz-border-radius-topright for the top-right corner;
-moz-border-radius-bottomright for the bottom-right corner;
-moz-border-radius-bottomleft for the bottom-left corner;
6.分别控制上边的2个位置和下面的2个位置。
7.Safari和Chrome的hack。
好了,其实也真的很简单,比原来用图片来代替的过程不知道容易了多少。简单翻译结束。
现代公寓设计,小空间内的彩色内饰
13小时前 1467室内设计,将提高您的家庭价值
5月前 3011设计色彩和几何形状
6月前 3580设计现代出租屋,利润造福社区
6月前 3814