圓角框

CSS 版本進展到 CSS3.0，讓以往需要靠圖片來輔助才做得到的效果，變得只需用 CSS 即可，例如邊框特效、色彩展示、圖形變化、動畫、轉換特效、文字色彩、文字陰影、區塊陰影、文字旋轉...等，不過標準有了，語法的學習上卻變成是個門檻，還好，線上有很多關於 CSS 產生器，像是按鈕、陰影、圓角...等，如果對 CSS 語法陌生，又想產生圓角邊框，可以來試試 border radius 這個線上的 CSS 圓角框產生器，簡單方便。

CSS (Cascading Style Sheets) 這種可層疊的樣式表，被應用在網頁的排版與美觀，對於網頁編輯的初學者來說，大概都會利用網頁元素中的 Style 屬性，直接定義 CSS，因為這樣最直觀也最方便， 若想要學習 CSS 語法時，當然也是能寫完就能即時預覽是最直觀的，CSSDesk 便提供了一個可在線上編輯 CSS 並提供即時預覽的免費服務，讓你所學立即能應用，值得一提的是，一進入 CSSDesk 網站後，其所提供的範例就是一個可四周圓角的 CSS 範例，讓不享用圖片來做圓角框的設計師，可以立即運用。

想要改變按鈕的外觀，在以前我們可能都會使用圖片來代替，現在也可以來試試 CSS-TRICKS 網站所提供的「按鈕 CSS 線上產生器」，只需透過幾個步驟，就能讓按鈕產生圓角框、漸層顏色，另外，亦提供自訂按鈕各個部份的顏色，相當方便，幫助你快速的將網頁內的按鈕套用所產生的 CSS 樣式。

RoundMyPic 與 Cut My Pic 線上可將相片進行裁剪、製作成圓角框及加入陰影的免費服務 及 RoundPic 簡單實用的線上將照片修飾成圓角框，均有相類似的功能，也各有特色，對 RoundMyPic 所提供的服務來說，除了可自訂圓角角度及縮圖尺寸之外，較特別的是可加入浮雕效果，讓相片看起來更有立體感，對於做網頁美工的人員來說，也可以做出立體的 ICON 圖示。

看習慣了相片都是方角框了嗎？，若想將照片製作成圓角框，又無適合的工具，可來試試 RoundPic 這個免費的線上服務，除了可隨意選擇相片四個角是否要轉換成圓角外、還可選擇圓角的角度。另外 RoundPic 也提供自訂相片尺寸、自訂背景色及轉換成 PNG 圖檔格式，製作完成後，免註冊、免留資料就可下載回自己的電腦。相類似的服務，可參閱 Cut My Pic 線上可將相片進行裁剪、製作成圓角框及加入陰影的免費服務。

目前在網頁上的圓角框大致上可使用四個圓角圖片、Javascript 或是使用 CSS 這幾種作法，各有優缺點，Spiffy Corners 則是一個使用 CSS 的線上圓角框產生器，所產生的 CSS 也適用 Microsoft IE、Google Chrome 瀏覽器及 Opera 等主流的瀏覽器。