标签归档:css3

目前可用的CSS3圆角属性(border-radius)详细记录

来源:http://blog.nixternal.com/2009.06.19/css-border-radius/

CSS3的圆角支持,不同浏览器有不同的css属性实现。偶个人最喜欢Opera ,它是严格按照标准css3属性实现的。

属性详单:

FireFox(火狐浏览器,FF):

/* 5px四角全部是圆角 */
-moz-border-radius: 5px;
/* 5px左上、右下角的圆角
 注: 四个值代表从左上角顺时针方向的各个角 */
-moz-border-radius: 5px 0 5px 0;
/* 5px坐下,右上角的圆角 */
-moz-border-radius: 0 5px 0 5px;
/* 5px左上圆角*/
-moz-border-radius-topleft: 5px;
/* 5px左下圆角 */
-moz-border-radius-bottomleft: 5px;
/* 5px右上圆角 */
-moz-border-radius-topright: 5px;
/* 5px右下圆角*/
-moz-border-radius-bottomright: 5px; Continue reading 目前可用的CSS3圆角属性(border-radius)详细记录