我們在製作網頁時,常會需要用到按鈕的部份,網路上有很多現成的樣式可以使用,不過這樣就沒有個人的特色,即然網站整體都富含了獨特風格,那麼所使用的按鈕當然也不能例外!
我們在製作網頁時,常會需要用到按鈕的部份,網路上有很多現成的樣式可以使用,不過這樣就沒有個人的特色,即然網站整體都富含了獨特風格,那麼所使用的按鈕當然也不能例外!

 

以下介紹一款免費的網頁按鈕製作軟體-「CSS Button Designer 1.0」大家就可以設計出與眾不同的網頁按鈕囉!

 

CSS Button Designer 1.0 提供所見即所得的介面,方便我們設計出一些漂亮又具個人特色的網頁按鈕,使用CSS樣式及 JavaScript 腳本,讓我們可以設計各種不同的特殊效果,現在你就不用擔心會跟別人"撞鈕"了!不過,該軟體的一個小缺點,就是無法保存按鈕的設計,所以每次使用都必須重新開始設計,在使用時必須注意哦!

 

「CSS Button Designer 1.0」免費軟體

官方網站︰http://www.pagetutor.com/

下載位址︰http://www.pagetutor.com/button_designer/CBD_Setup.exe  

「CSS Button Designer 1.0」相關說明:
http://www.softpedia.com/get/Authoring-tools/Authoring-Related/CSS-Button-Designer.shtml  

開啟 CSS Button Designer 1.0,設計靜態時的按鈕樣式。  

1. 設定背景色彩,可依網頁的背景來做設定。

2. 設定按鈕文字、字型大小、色彩、字體以及按鈕大小、背景色...等。

3. 設定按鈕四邊邊框樣式,可以選擇[Collectively]讓四邊的設定都一樣,或是選擇[Separately]分別設定每一邊框的樣式。  

 

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

 

 

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

 

 

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

 

 

sourcfe: 文/SoSoft軟體快報



 

以上文章擷取至『devika』與你分享

Posted by andrew19910214 at 痞客邦 PIXNET 留言(2) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (2)

Post Comment
  • irean
  • 謝謝分享~~^^
  • 大家一起同樂~

    andrew19910214 replied in 2009/02/19 14:01

  • SM
  • 請問超連結

    您好
    我照以上的作法做了..
    也有得到按扭
    可是要如何加上超連結了??,,
    我試著直接用語法寫,可是都無法成功耶..
    煩請告知,謝謝

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options