fieldset圓角或半圓角IE﹑Firefox﹑chrome﹑Opera﹑Safari

發表留言 人氣: 2094°c

Fieldset 全圓角代碼
方法一 :
#roundCorderC {
font-family: Arial;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 1px 1px;
height: inherit;
width: 512px;
}

瀏覽器支持:
√ Firefox(3.05+…)
√ Google Chrome(1.0.154+…)
√ Google Chrome(2.0.156+…)
√ Internet Explorer(IE6 , IE7 , IE8)
√ Opera 9.6
√ Safari(3.2.1+ windows)

方法二 :
<fieldset style="-moz-border-radius:8px;">
瀏覽器支持:
√ Firefox(3.05+…)
× Google Chrome(1.0.154+…)
× Google Chrome(2.0.156+…)
√ Internet Explorer(IE6 , IE7 , IE8)
× Opera 9.6
× Safari(3.2.1+ windows)

Fieldset 半圓角或個別自訂圓角代碼
#roundCornerI {
font-family: Arial;
border: 5px solid #dedede;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
padding: 15x 25px;
height: inherit;
width: 590px;
}

瀏覽器支持:
√ Firefox(3.05+…)
√ Google Chrome(1.0.154+…)
√ Google Chrome(2.0.156+…)
× Internet Explorer(IE6 , IE7 , IE8)
× Opera 9.6
√ Safari(3.2.1+ windows)

標籤: