按鈕是網(wǎng)站中非常重要的一部分, 它們常用于引發(fā)訪客點擊和產(chǎn)生互動。下面收集了11個css按鈕教程，教你如何創(chuàng)建吸引訪客目光的按鈕。

我最想推薦的其實是第一個， Google custom buttons.

在Recreating the button這篇文章中，作者詳細(xì)向我們介紹了google現(xiàn)在很多應(yīng)用服務(wù)中（google reader, gmail等）。其中包括需要用到一張漸變背景圖的3.0版本和完全不需要圖片還處于實驗狀態(tài)的3.1版本。

下面10個則是由catswhocode收集整理的。

1. 如何使用css創(chuàng)建精致的銨鈕

» 教程鏈接

2. 使用png圖片和背景顏色生成的按鈕

» 教程鏈接

3. 漂亮的css懸浮圖標(biāo)

» 教程鏈接

4. CSS提交按鈕

» 教程鏈接

5. 簡單的CSS Buttons ( Wii Buttons )

» 教程鏈接

6. 使用css滑動門技術(shù)創(chuàng)建花俏的按鈕

» 教程鏈接

7. 結(jié)合圖標(biāo)，漂亮的css按鈕

» 教程鏈接

8. 只使用一張背景圖實現(xiàn)的滑動門按鈕

» 教程鏈接

9. 觸發(fā)事件按鈕

» 教程鏈接

10. 在wordpress中使用滑動門

» 教程鏈接