DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> RoundedCornr:生成圓角圖片的好用的簡單工具
RoundedCornr:生成圓角圖片的好用的簡單工具
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:隨著 CSS 向 CSS3 的不斷演進,圓角的處理不再是一個棘手的問題。但是我們偉大的 IE 同志堅守著那份愚昧與無知。不過為了效果,還是不得不做一點犧牲,能用圖片做圓角就盡量用圖片吧。

隨著 CSS 向 CSS3 的不斷演進,圓角的處理不再是一個棘手的問題。但是我們偉大的 IE 同志堅守著那份愚昧與無知。不過為了效果,還是不得不做一點犧牲,能用圖片做圓角就盡量用圖片吧。

RoundedCornr 用於自定義配置生成圓角效果的對應 HTML/CSS 代碼以及邊角料圖片。提供了以下幾個待設定參數:

以像素計算的圓角半徑大小 (Corner radius in pixels)、背景顏色 (Background color)、容器顏色 (Box color)。

配置完成後,點擊 Create RoundedCornr 按鈕,會引導向一個預覽頁面,並同時輸出 HTML/CSS 代碼,以及生成的四個邊角圖片。對於快速制作圓角效果來說還是灰常方便的,值得一試。

官方主頁:http://roundedcornr.com

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved