CSS3 border radius 圓角

 

Safari、Chrome ：

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;

同尺寸可簡化為：

-webkit-border-radius:10px;

 

Firefox：

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

同尺寸可簡化為：

-moz-border-radius:10px;

 

CSS 3(Opera 10.5 以上版本)：

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

同尺寸可簡化為：

border-radius:10px;

 

arrow
arrow
    文章標籤
    CSS3 border radius
    全站熱搜

    jon6773 發表在 痞客邦 留言(0) 人氣()