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

Buttons 線上 CSS 按鈕產生器

製作網頁時,難免會有需要讓使用者點擊的地方,若只是用文字來敘述,雖然簡單明瞭,但卻顯得單調,想要放個按鈕圖示,但卻又礙於要使用圖片,牽涉較廣,若有這些問題,可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器,不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕,且配色相當豔麗,使用上更是簡單,只需在網頁特定位置,載入相關連結後,複製想要使用的按鈕樣式到網頁想要應用的位置即可。
【Buttons 網站資訊】
網站語言:英文
服務性質:免費
如何使用 Buttons 線上 CSS 按鈕產生器?

1.使用瀏覽器進入上述網址,左側欄可選擇各樣式的按鈕,而在其旁邊,便會顯示所提供的的樣式按鈕。
ContentPhoto2119

2.也可以點擊[Customize]來自訂。
ContentPhoto2119

3.想要套用這些按鈕時,可將左側欄捲動到最下方,點擊[Form]來看網站提供的說明。
ContentPhoto2119

4.原則上就是點擊[Download Buttons]來下載所需的檔案,下載後,請利用壓縮程式進行解壓縮,解壓縮後,會得到三個檔案,如下圖,將檔案複製到網頁相對應位置,並在 <head>~</head>之間,將css與js載入至網頁,並將要使用的按鈕樣式複製到所要呈現的位置即可。
ContentPhoto2119

ContentPhoto2119

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