按鈕產生器

製作網頁時，難免會有需要讓使用者點擊的地方，若只是用文字來敘述，雖然簡單明瞭，但卻顯得單調，想要放個按鈕圖示，但卻又礙於要使用圖片，牽涉較廣，若有這些問題，可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器，不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕，且配色相當豔麗，使用上更是簡單，只需在網頁特定位置，載入相關連結後，複製想要使用的按鈕樣式到網頁想要應用的位置即可。

對初學網頁製作的人來說，當需要對「按鈕」元件進行美工時，若能參考別人寫好的 CSS Code 是一個事半功倍的好方法。Call-to-Action Button Generator 是一個可即時預覽的 CSS 按鈕線上產生器，不但提供按鈕顏色、文字、陰影、ICON 等屬性自訂外，還可自動產生所需的 CSS Code 與 PNG 圖檔，讓使用者方便影用到網頁的任意處，相當方便。

在 Windows、Android、IOS 或是網頁上經常都可以看到滑動型的開/關切換按鈕，如果自己在網頁上要做出如此效果的按鈕，免用 Javascript 就可以辦到，proto.io 網站提供滑動開/關切換按鈕 CSS 語法產生器，透過介面輸入所需條件，便可產生 CSS 語法，方便你應用在網頁上。

在網頁上看到的按鈕有些是利用 CSS 產生，也有利用圖片檔來產生的，端看個人需求，對利用 CSS 的人來說，除非很熟 CSS 語法，不然產生的語法實際應用到各家瀏覽器各版本可能會產不忍賭，相對的，如果是利用圖檔，那幾乎是暢通無阻，Free Call-to-Action Button Generator 是一個替網頁產生按鈕的免費網路服務，透過其介面，可以設計出想要的 CSS 按鈕或 PNG 圖檔，並產生其相關的應用語法，讓設計者可以輕鬆地運用。

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器，所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載，讓你方便應用在網頁上；Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式，亦可參考所提供的網頁按鈕範例再行修改，讓你幾乎不需要有任何美工的技巧，就能輕易做出有水準網頁按鈕。

製作網頁時，若需要使用多層次選單按鈕，可以來參考 Easy CSS Menu 這個網頁多層次選單按鈕產生器，提供直式、橫式與按鈕左側等樣式，並可自訂按鈕樣式，輕輕鬆鬆就能製作出具有實用性且美觀的多層次選單按鈕。

想要製作不透過圖片又可應用在網頁上的純 CSS 按鈕，對很多人來說可能是件難事，若是有這個需求，可以來試試 i2style 這個樣式豐富的純 CSS 按鈕產生器，簡單好用，支援中文輸入，可自訂按鈕大小、陰影、背景、文字顏色與大小、圓角...等，製作好的按鈕，除了產生 CSS 語法，還將 HTML Code 都附上，讓你方便後續的應用。

在社群網站當道的時代，多數的網站都免不了要向其靠攏，在自家網頁上擺上社群網站的分享按鈕，方便使用者可快速地分享。想要在網頁上放置社群網站的分享按鈕，最快速的方法莫過於使用 Simple Sharing Buttons Generator 這個 HTML + CSS 線上產生器，只要挑選好所要的風格與所需的社群網站，再依序回答幾個問題，便能快速產生出分享按鈕的語法，方便你在網頁上的應用。

對學習 CSS 來說，不論是初學或是要進階，有可以參考的語法是相當重要的，畢竟各家瀏覽器支援的 CSS 語法不見得相同，CSS Portal 是一個提供網頁常用到的 CSS 的語法產生器，包含 CSS Box Shadow、CSS Button、CSS Gradient、CSS Flip Switch、CSS Menu、CSS3 Menu、CSS RGBA、CSS Ribbon、CSS3 Rounded Corners、CSS Sprite 、CSS Text Rotate、CSS Text Shadow 、CSS Tooltip 、Layout 、Style Input Range 讓你在製作網頁時，可以即時預覽樣式與語法。

瀏覽網站大都可以看到成串的社群網站分享按鈕，除了可以方便瀏覽者將有價值的文章快速的轉貼到社群網站外，另外一方面也可替自己的網站增加流量，達到雙贏的目的。想要在網站上加入社群網站分享按鈕，除了可以在各社群網站找到按鈕連結的資訊外，當然也可以透過 Perfect Icons 這個網站來產生像是 Twitter、Facebook、Google+、Pinterest、Linkedin...等等在內的社群網站分享按鈕，不僅可以自己調整按鈕的大小、圓角、距離、顏色，還可即時預覽、自動產生語法，讓你輕鬆地連結到自己的網站上。