利用免費的Button Generator線上按鈕產生器,只需要幾個簡單的介面即可製作出高質感的網頁按鈕。設計上相當的彈性,包含尺寸、陰影、圓角、文字樣式、字型與按鈕內的小icon都能自行調整,並在設計完成後自動產生CSS程式碼與PNG圖片檔,直接下載或複製到網站上做使用,相當方便又快速。
由此前往網站:Button Optimizer CSS按鈕產生器
Button Optimizer 線上製作CSS按鈕 教學
STEP1
前往線上CSS按鈕產生器網站,選擇按鈕的背景顏色。
STEP2
輸入按鈕內的文字、調整字型、顏色、大小、圓角方形、陰影、邊界、放置icon小圖示等外觀佈局…。
STEP3
確認後產生按鈕的CSS程式碼,就能複製到網站上做使用;或者下載成PNG檔,在其他平面設計上也能派上用場。
延伸閱讀:CSS圓角產生器、CSS陰影產生器、CSS下拉選單產生器