˄

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

想要在網頁上對「Button - 按鈕」進行樣式調整,通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀,若要加上當滑鼠移到按鈕的上方或是離開,也會使用 Javascript 來加上,若對繪製這些圖片、Javascript 都不是很熟悉的話,還是要花一些時間來製作,若是偶而用用,建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作,除了可使用 CSS 改變按鈕樣式,也提供滑鼠移到按鈕的上方或是離開時的 Javascript ,製作完成後,直接複製所產生的 Code 便可應用的網頁裡,相當方便。

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

如何使用 CSS Button Designer ?

1.進入到 CSS Button Designer 的網站後,稍後下,便會載入按鈕樣式產生器,操作時,可大致參考下圖來設定不同的屬性。
CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

2.若要加上滑鼠移至按鈕上方即離開的 Javascript 事件,可在[Mouseover]頁籤中加入。
CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

3.設定好按鈕的樣式後,可切換到[Code]頁籤,來取出樣式的原始碼。
CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

4.若覺得從頭到尾自己設計有點吃力,可以切換到[Samples]頁籤來挑選已設計好的按鈕樣式,再來修改。
CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

 延伸閱讀

目前有1則留言
Crystal 2012-12-13 14:43的留言

這個好實用喔!請教一下,若是要讓這個按鈕按下去可以連結到某網頁 要怎麼弄啊? 謝謝!

連接到留言者的網站 »

分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

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

留言內容:

 訂閱本站文章

 站內搜尋