名片王打造黃金人脈存摺－PBM101個人數位品牌人脈管理-人脈達人翁承旭

部落格人人有，特別的就不多。如果你部落格中的頁面按鈕還是跟大家一樣用醜醜的預設按鈕，那當然酷不起來囉 ＠＠”

文@Candice

以下介紹一款免費的網頁按鈕製作軟體－「CSS Button Designer 1.0」只要輕鬆按幾下，選個顏色、樣式，不館是漸層背景、可愛圖案、超華麗樣式等，通通都可以快速搞定！CSS Button Designer 1.0 提供所見即所得的介面，方便我們設計出一些漂亮又具個人特色的網頁按鈕，使用CSS樣式及 JavaScript 腳本，讓我們可以設計各種不同的特殊效果，現在你就不用擔心會跟別人＂撞鈕＂了！不過，該軟體的一個小缺點，就是無法保存按鈕的設計，所以每次使用都必須重新 開始設計，在使用時必須注意哦！

「CSS Button Designer 1.0」免費軟體：直接下載

第1步 開啟 CSS Button Designer 1.0，設計靜態時的按鈕樣式。

1. 設定背景色彩，可依網頁的背景來做設定。
2. 設定按鈕文字、字型大小、色彩、字體以及按鈕大小、背景色…等。
3. 設定按鈕四邊邊框樣式，可以選擇［Collectively］讓四邊的設定都一樣，或是選擇［Separately］
分別設定每一邊框的樣式。

CSS Button Designer 1.0 也有範本可供選擇，挑選喜歡的樣式之後，再依照上述方式將範本內容做修改即可。

第2步 設定［Mouserover］滑鼠移到按鈕上方時的樣式。做法同 第1步。

第3步 按鈕樣式都設計好了之後，就可以直接將CSS編碼複製下來，貼到你的網頁原始碼中就大功告成啦！