網頁設計教學系列-三款好用按鈕製作工具

有時候我們做網頁,其實有一個比較麻煩的問題,那就是按鈕的製作,之前我們會透過一些photoshop等軟體來製作按鈕,只不過就是要多開一個軟體,到時候覺得不滿意的話,可能還要來這邊改,感覺整體上會花比較長的時間,今天要分享好用的按鈕製作線上工具,讓你快速可以製作出網頁的按鈕!

css-tricks

  • 網站名稱:css-tricks
  • 網址:按這裡

這是一個CSS製作按鈕的網站,旁邊有一些控制列可以選擇,你可以調整上面的顏色,下面按鈕顏色,以及邊框顏色等等,算是還滿細節的一個按鈕工具。

css3button

  • 網站名稱:css3button
  • 網址:按這裡

這是一個製作CSS3按鈕的網站,這邊除了可以調顏色以外,還可以調整文字和框框的距離,以及按鈕的陰影,當然這個要有支援CSS3的瀏覽器才能看到,還是鼓勵大家趕快更新自己瀏覽器吧,不然可能之後很多網站會看不到!

tabsgenerator

  • 網站名稱:tabsgenerator
  • 網址:按這裡

這是一個專用tab按鈕的網站,有時候我們會製作一些tab按鈕的網站,做出更多的效果,所以我覺得這個工具還滿方便的,讓你快速製作tab,以上三款好用按鈕工具就跟大家分享啦!

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>