文章專區
網頁設計相關文章
用CSS設計button 按鈕樣式
HTML button按鈕的應用相當廣泛,
設定值有以下:
Type:按鈕的類型,有 button(單純按鈕)、reset(清空表單)、submit(送出表單)
value:就是按鈕的値
name:按鈕的名稱
<input type="button" value="按鈕值" name="按鈕名稱" style="按鈕樣式">
範例:
樣式可以透過CSS做調整,按鈕如下
若要消除預設樣式,CSS可以設定border:0 (去除邊框) 和background-color:none (去除背景),或是將這兩個屬性另外設CSS。
範例:
接下來便可以自由套用CSS設計按鈕,也可以活用:hover讓鼠標接觸按鈕時會有不同的樣式變化。
範例: