1圓角簡介

圓角是用一段與角的兩邊相切的圓弧替換原來的角,圓角的大小用圓弧的半徑表示。在網頁設計越來越精美的今天,圓角的應用已經越來越廣泛。

2創建圓角的方法

CSS+圖片
CSS2圓角一般需要額外的HTML標記和圖片,然而其優點也是非常明顯的:支持所有主流瀏覽器,包括IE(6-9),FireFox,Chrome,Opera等。
JavaScript
JavaScript圓角不需要額外的HTML標記和圖片,有現成的代碼,一勞永逸。然而對於病毒泛濫的今天,很多用戶會禁用JavaScript,對於用戶體驗至上的網站,如果用戶關閉掉JavaScript,自己所有的一切努力也就白費了。

3圓角專利

蘋果此前獲得的諸多關於 iPhone 和 iPad 的專利中或多或少都會包含一些實際的功能,比如 Home 鍵、背面輪廓設計或者前面板整體玻璃覆蓋設計等。但此次獲得的專利卻單單描述了一個設備的外觀設計,矩形圓角。這項專利的適用場景真的太廣了,當然你可以說專利圖中的畫像將這項專利限制在特定長寬比的設備中,這樣有著其他尺寸和比例的平板還是可以不侵權的。

4在線資源

純CSS圓角生成器
SpiffyCorners可可以創建純CSS格式的代碼,目前不支持中文。

JQuery Corner

JQuery Rounded Corner作為JQuery的插件,是應用最廣的JavaScript圓角插件。
下一篇[沈公子]

相關評論

同義詞:暫無同義詞