border radius 圓角框 CSS 語法線上產生器

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

• CSS 3.0 Maker 線上 CSS 3.0 語法產生器
• freeCSStemplates 免費的 CSS 網頁模板下載
• 如何在網頁裡輸入特殊符號(數學符號、希臘字符、各種箭頭、技術符號及形狀)？
• CSS 3.0 參考手冊 (中文版)

• 網站語言：英文
• 網站網址：按我前往 border radius

1.使用瀏覽器進入 border radius 網站，任選一個邊框旁來輸入圓角的角度，該值預設會帶入其餘三個邊框角度，同時中間也會產生 CSS 語法並會產生相對應的圓角框。


2.如果需做出不對稱的角度，直接修改各圓角框的值，接下來複製中間的 CSS 語法到網頁中即可應用。