隨著 CSS 向 CSS3 的不斷演進,圓角的處理不再是一個棘手的問題。但是我們偉大的 IE 同志堅守著那份愚昧與無知。不過為了效果,還是不得不做一點犧牲,能用圖片做圓角就盡量用圖片吧。
RoundedCornr 用於自定義配置生成圓角效果的對應 Html/CSS 代碼以及邊角料圖片。提供了以下幾個待設定參數:
以像素計算的圓角半徑大小 (Corner radius in pixels)、背景顏色(Background color)、容器顏色 (Box color)。
配置完成後,點擊 Create RoundedCornr 按鈕,會引導向一個預覽頁面,並同時輸出 Html/CSS 代碼,以及生成的四個邊角圖片。對於快速制作圓角效果來說還是灰常方便的,值得一試。
官方主頁:http://roundedcornr.com