SexyButtons 利用CSS，做出具有圓角、陰影及圖示的迷人按鈕！

Sexy Buttons是在Google Code上的一個專案，沒有太艱澀的程式碼，提供你方便的HTML/CSS框架，讓你可以快速製作出精美的按鈕，取代預設的醜陋按鈕，而且完全不用使用繪圖軟體，不過使用前你可能要略頂一些些HTML以及CSS。

Sexy Buttons的特色：

• 支援
• 按鈕可以呈現三種狀態：一般、當滑鼠經過、使用中。
• 壓縮包裡包含 1,000 種以上的圖示，可以自行搭配選用。
• 內建 PSD 模板可以讓你建立新的外觀（skins）。
• 無須 Javascript、簡單易用。

如果你想看看 Sexy Buttons 實際在網頁上的呈現情形，那麼可以參考「範例及快速導引手冊」。一言以蔽之，Sexy Buttons 提供四大種按鈕的運用方式，分別是：基本（只有文字）、加上圖示的按鈕、變更文字大小以及外觀（Skins）。你只要將這些元素混搭，就可以做出很特別的按鈕。

Basic Usage:
沒有圖示及特殊樣式的使用方式，但這樣的按鈕文字有陰影效果，也有圓弧邊框、漸層底色，比原始的按鈕來得好看許多。

Icons:
把 Basic Usage 旁邊加入漂亮的小圖示，看起來又更不一樣了！

Size:
文字也可以變更尺寸，加上陰影就有很專業的感覺，完全不用打開軟體一個一個製作。

Skins:
如同字面上的意思，好像把按鈕加了一個「皮膚」一樣，或是幫它穿上衣服。Sexy Buttons 裡頭包含 PSD 原始檔，如果需要，你也可以自行製作
Skins，打造出很符合你網站風格的按鈕。

其他詳細的使用方式就不在這邊說明，簡單來說：

• 把 Sexy Buttons 壓縮包下載回去，解壓縮。
• 取出你要用的圖示以及CSS，然後將檔案上傳、CSS改寫一番。

這樣就可以套進你的網站或部落格裡囉！詳細的使用說明就參考 Sexy Buttons 裡的 index.html 和 sexybuttons.css 吧！

文章来自：http://www.freegroup.org