ankara escort çankaya escort ankara escort çankaya escort ankara rus escort çankaya escort istanbul rus escort eryaman escort ankara escort kızılay escort istanbul escort ankara escort istanbul rus Escort atasehir Escort beylikduzu Escort

css3的圓角

這幾天做到圓角的一些心得

首先來講一下目前CSS3通用的

border-radius:10px;

這應該沒什麼疑問….

再來是左上圓角

border-topleft-radius:10px;

上面那是錯的…我被愚弄了很久
正確如下

border-top-right-radius: 5px;

其他方向應該就不用解釋了…

再來是Mozilla用(firefox 3.5之後)

-moz-border-radius:10px;

現在在來左上圓角

-moz-border-topleft-radius:10px;

嗯,上面還是錯的(也愚弄了我很久)…
正確如下

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

WebKit如下

-webkit-border-radius:10px;

右上圓角

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

再來是Konqueror….我只寫左上角的就好啦….聰明如你一定可以舉一反三

-khtml-border-radius-topleft:10px;

再來是opera

-o-border-top-right-radius: 5px;

Opera 10.5+才有….你們不是快要支援CSS3了嘛?

聽說IE也有一個

-ms-border-radius-topright: 5px;

??但我試了很久都看不見呢…大家還是等IE9好了…..
不然也可以用DIV一格一格內縮去拼圓角…

話說好多網站真的用圖檔去拼圓角呢….例如apple.com…..

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料