Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[CSS/HTC] 支援所有主流瀏覽器的「圓角/圓弧邊角」作法

.rounded-corners { -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */ }
CSS behavior 檔下載:
http://mepopedia.com/files/border-radius/border-radius.htc

本文原始碼出處:http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

參考資料
對 border-radius 輔以圖文的詳盡介紹:http://www.css3.info/preview/rounded-border/
跨瀏覽器簡要介紹:http://graphicmaniacs.com/note/cross-browser-border-radius-solution-with-example/



Edited 1 time(s). Last edit at 08/16/2011 11:53PM by HP.
(編輯記錄)