2019-12-24

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

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

【border radius 網站資訊】
網站語言:英文
服務性質:免費

如何使用border radius 產生圓角框?

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

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

 分享您的留言


請輸入關鍵字


請選擇...


˄