CSS 可以用來定義每個<input>
(輸入) 元素的樣式。
使用 CSS,可以控制<input>
元素的顏色、大小、字體、邊框等屬性。
/* 定義輸入框類別 */ input[type=text] { /* 定義文本框顏色 */ color: red; /* 定義文本框字體 */ font-family: Arial; /* 定義文本框大小 */ font-size: 16px; /* 定義文本框邊框樣式 */ border: 2px solid black; /* 定義文本框內部填充 */ padding: 5px; } /* 定義按鈕類別 */ input[type=button] { /* 定義按鈕顏色 */ background-color: blue; /* 定義按鈕字體 */ font-family: Arial; /* 定義按鈕字體大小 */ font-size: 16px; /* 定義按鈕邊框樣式 */ border: none; /* 定義按鈕文字顏色 */ color: #fff; /* 定義按鈕內部填充 */ padding: 10px 20px; }
以上代碼定義了兩個<input>
類別,一個是<input type="text">
文本框,另一個是<input type="button">
按鈕。
在大型網站中,定義每個<input>
元素的樣式可以讓整個頁面看起來更加整潔和統一。
上一篇css定義有沖突