
Buttons:
套件名稱:Buttons
下載網址:http://alexwolfe.github.io/Buttons/
下載網址:http://alexwolfe.github.io/Buttons/
Buttons-下載與載入:
Step1
將Buttons模組下載回來,解壓縮後分別會看到,css、font、js三個資料夾。

Step2
開啟網頁在<head>~</head>之間,將css與js載入至網頁。

Buttons-套用樣式:
Step3
回到Buttons網頁中,每組按鈕下方的黑色塊,就是該組按鈕的示範語法。

Step4
接著將它的css類別名稱,加到網頁的標籤語法中。

Step5
鏘~鏘~立即套用。

Step6
再來試試它的下拉選單,比Bootstrap來的更簡單,只要插入html的原始碼,就OK囉!

Step7
馬上來預覽一下,哈~超EZ的就可產生下拉選單啦!

這一個CSS按鈕的模組還蠻方便的,且按鈕的配色還蠻陽光的,同時按鈕的變化也蠻多樣化,從方角到圓角甚至到圓形都有,更重要的是完全不用任何圖片,更加速網頁的載入速度,其實像Buttons的CSS模組,製作上並不困難,因此有興趣的視覺設計師們,平常也可自行定義屬於自已的CSS樣式模組,以便於之後專案的使用喔!