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

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

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

§相關文章,還可以參閱:

如何使用 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>。 實例

若不常帶小孩去動物園認識動物或是去玩動物園後,想讓小朋友能對動物有更深的了解,可以來「台北市立動物園 - 線上互動遊戲」區,讓小朋友透過遊戲,對動物有更深一層的認識,遊戲相當豐富有動物保護遊戲、兒童動物園區、大象的鼻子、釣魚遊戲、駱駝的冒險、袋鼠拳擊時間、鳥事知多少、昆蟲魔法寶石...等等,遊戲內容均以 Flash 製作,生動有趣,且遊戲說明還貼心的標上注音符號,不用怕小朋友看不懂。

Auto Sleep 是一套可自訂時間的電腦自動關機、重新開機、休眠及登出免費工具,可以使用倒數計時的模式,也可以自訂一個時間來執行且使用上相當簡單,若覺得應用 Windows 內建的工作排程器來設定(<a href="/133/">善用Windows 7內建的工作排程器,設定電腦定時自動關機、休眠或自動重開機!</a>),較為複雜,可以試試 Auto Sleep。相關的軟體,可參閱<a href="/480/">Chameleon Shutdown 電腦定時自動關機、重新開機、鎖定及登出排程工具</a>。