Quantcast
Channel: JinJin 的視覺設計專區 - 網頁設計與語法(HTML/CSS)
Viewing all articles
Browse latest Browse all 70

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

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

Viewing all articles
Browse latest Browse all 70

Trending Articles