CSS3 border-radius note

原创于 2012-02-29 11:45:09 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #border

css 专栏收录该内容

10 篇文章

订阅专栏

本文深入探讨了CSS3边框圆角属性的应用，包括标准语法、浏览器前缀及特殊圆角样式，帮助开发者实现更优雅的网页布局。

css3 border radius

border-radius: 2px; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 

-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;

 -moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;

 border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;