首頁線上工具開發工具

Spiffy Corners 簡單實用的線上 CSS 圓角框產生器

Spiffy Corners 簡單實用的線上 CSS 圓角框產生器

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

🔔 **不錯過任何精彩！** 立即訂閱我們的 LINE 官方帳號。

每次發佈新文章時，您將會**第一時間收到本站文章連結通知**，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 Spiffy Corners？

1.進入 Spiffy Corners 網站後，可自訂：

  • class name: CSS 上的命名
  • background color: 背景色
  • foreground color: 前景色
Spiffy Corners 簡單實用的線上 CSS 圓角框產生器

2.定義好顏色後，點擊圓角的角度[5px](目前好像只能使用 5px)，接下來便會產生 CSS 及 HTML 程式碼，方便應用。

Spiffy Corners 簡單實用的線上 CSS 圓角框產生器

3.請將複製的 CSS 貼在網頁<head></head>之間，HTML 則貼在 <body></body>。 實例