圓角與各家瀏覽器之間的注意事項

• 基本圓角語法：

         border-radius
最早，在W3C的CSS3草案當中就已經定義了這個圓角元素。以 Presto 為引擎的瀏覽器（Opera 與 IE ）支援這個屬性，但IE9.0之後才實作進去。

• 衍生的語法：

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

在全面支援正規的 border-radius 之前，以 webkit 為引擎的瀏覽器（Safari, Chrome）則支援 -webkit-border-radius 的圓角，而 Mozilla 引擎的瀏覽器（Firefox）則支援 -moz-border-radius 的屬性，如果瀏覽器版本夠新，只要寫基本圓角語法 border-radius 就可以了不用針對各特殊瀏覽器來寫特別屬性。

• 不論正規或是衍生的語法都有子屬性，可針對左上角、左下角、右上角、右下角來作設定，比方：-moz-border-bottom-right-radius: 5px; 就是針對右下角設定圓角，給的數字越大，圓角越大、越圓。

• 圓角的屬性，在 body 跟 html 這兩個 TAG 有作用的，可是，只有在非IE或IE9.0以上的瀏覽器才有。