用 CSS 修改按鈕大小（Set HTML button size）範例
檔案： 在新視窗開啟程式碼文字檔
這個技巧不只是可以套用在《input type button》上，也可以套用於《input type submit》的設計，因為這兩個都是按鈕，差別僅在於功能而不在外觀上，修改方式都是一樣的。
更多按鈕設計
修改按鈕大小 Set HTML button size
修改按鈕大小（Set HTML button size）是在特定風格的網頁設計內會需要的一種技巧，傳統的 HTML 設計按鈕大小會有一點問題，主要是差在每個瀏覽器看起來不太一樣，所以並不建議用傳統的 HTML 修改按鈕大小方式，建議採用 CSS 的設計方式，CSS 有寬度與高度的屬性可以使用，控制按鈕寬度的屬性是 width，而控制按鈕高度的屬性則是 height，以下我們用這兩個 CSS 的屬性，套用到按鈕中來修改按鈕大小。
用 CSS 修改按鈕大小（Set HTML button size）範例範例的實際改變
我們在範例中總共準備了兩個 HTML 的按鈕，第一個按鈕是採用預設的大小，也許不同的瀏覽器看起來會有一點點差異，第二個按鈕則是透過 CSS 的 width 與 height 將按鈕大小修改為 160 x 50 的大小，很明顯比原本預設的尺寸要大上許多。
這個技巧不只是可以套用在《input type button》上，也可以套用於《input type submit》的設計，因為這兩個都是按鈕，差別僅在於功能而不在外觀上，修改方式都是一樣的。
更多按鈕設計
用 CSS 修改按鈕大小（Set HTML button size）範例
這個技巧不只是可以套用在《input type button》上，也可以套用於《input type submit》的設計，因為這兩個都是按鈕，差別僅在於功能而不在外觀上，修改方式都是一樣的。
更多按鈕設計
最新分享主題