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

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 輕鬆製作網頁使用的按鈕樣式

相關文章



 站內搜尋 


˄