Welcome! 登入註冊

Change History

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

Changed By: HP
Change Date: August 16, 2011 11:53PM

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

.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/

Original Message

作者: HP
Date: August 16, 2011 11:52PM

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