Buttons 線上 CSS 按鈕產生器

Buttons 線上 CSS 按鈕產生器

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

§相關文章,還可以參閱:

如何使用 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 按鈕產生器

四年一次的世界盃足球賽,將會於 2014年 6月 12日至 7月 13日在巴西 12座城市裡的 12座足球場舉行,由來自世界各地的 32支球隊將會參與賽事,進行 64場比賽,決定冠軍隊伍。對喜愛足球又不能親臨現場觀看,難免會有遺憾,那就透過 Google 街景用全景 360度來看看 12座的足球比賽場地。

需要將電子郵件地址留於網頁以方便聯絡,雖是簡單的語法,可是接踵而來的可能是一堆的不相干郵件會寄到該電子郵箱,如何避免公布的 EMail Address 被機器人自動收集,可以來試試 E-Mail Icon Generator 這個線上 EMail 貼紙產生器,將要公布的電子郵件信箱地址改成圖片模式來顯示,如此一來,機器人就會無法判別郵件信箱格式,有效減少非相關郵件的數量。