關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

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

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

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

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

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

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

標籤: |  |  | 

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章