分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

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

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

【Spiffy Corners 網站資訊】
網站語言:英文
服務性質:免費
如何使用 Spiffy Corners ?

1.進入 Spiffy Corners 網站後,可自訂:
  • class name: CSS 上的命名
  • background color: 背景色
  • foreground color: 前景色
ContentPhoto537

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

3.實例,請將複製的 CSS 貼在網頁<head></head>之間,HTML 則貼在 <body></body>。
http://key.chtouch.com/sample/spiffycorners.htm

§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
延伸閱讀
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容