2013-01-11

CSS Button Generator 網頁 CSS 按鈕樣式線上產生器

透過 HTML 的 <a> 標籤來產生連結,多數會使用文字或是使用圖片,但如果想利用 CSS 樣式表做來調整,甚至是產生一個按鈕的樣式,對初學者來說還是有點門檻,尤其是還要兼容不同廠牌的瀏覽器,更增初學難度。
想要製作出美觀且具有水準的網頁 CSS 按鈕樣式,可以透過一些輔助的工具,像是之前有介紹的


另外,相關工具還可以參閱:
※CSS Button Generator 網站,由網友 raymond 推薦

【CSS Button Generator 網站資訊】
網站語言:英文

如何使用 CSS Button Generator?

1.使用瀏覽器進入 CSS Button Generator 網站(若使用 IE 需 9以上)後,可自行調整按鈕顏色、大小、陰影...等樣式或是點擊[Color Theme]來挑選樣板,再來自行調整也可以。
CSS Button Generator 網頁 CSS 按鈕樣式線上產生器

CSS Button Generator 網頁 CSS 按鈕樣式線上產生器

2.每經過調整,下方的 CSS 語法,便會跟著調整,
CSS Button Generator 網頁 CSS 按鈕樣式線上產生器

 分享您的留言


   小菲的留言 2017-06-03 22:39
最近有看到一個按鈕產生器, 他的預設集都蠻漂亮的: https://loading.io/button/generator/
   迪迪的留言 2013-04-10 10:35
請問這個CSS3的嗎? 在CSS2以下的可以正常使用嗎?

請輸入關鍵字


請選擇...


˄