˄

Buttons 線上 CSS 按鈕產生器

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

【Buttons 網站資訊】
網站語言:英文
服務性質:免費

如何使用 Buttons 線上 CSS 按鈕產生器?

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

2.也可以點擊[Customize]來自訂。
Buttons 線上 CSS 按鈕產生器

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

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

Buttons 線上 CSS 按鈕產生器

5.網頁執行後,效果立現。
Buttons 線上 CSS 按鈕產生器

 延伸閱讀

目前有0則留言
分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

(請輸入完整網址含 https://)

留言內容:

 訂閱本站文章

 站內搜尋