CSS表單是一組用于收集用戶輸入信息的控件,包括文本框、單選按鈕、復(fù)選框、下拉列表等等。下面我們將介紹一些CSS表單的運(yùn)用代碼。
/* 文本框 */ input { padding: 10px; border: 2px solid #ccc; border-radius: 5px; font-size: 16px; } /* 單選按鈕 */ input[type="radio"] { margin: 10px; transform: scale(1.5); margin-right: 10px; } /* 復(fù)選框 */ input[type="checkbox"] { margin: 10px; transform: scale(1.5); margin-right: 10px; } /* 下拉列表 */ select { padding: 10px; border: 2px solid #ccc; border-radius: 5px; font-size: 16px; } /* 提交按鈕 */ input[type="submit"] { padding: 10px; border: none; border-radius: 5px; background-color: blue; color: #fff; font-size: 16px; cursor: pointer; }
以上代碼可以實(shí)現(xiàn)一些簡單的CSS表單樣式,可以根據(jù)自己的需求進(jìn)行修改。可以根據(jù)不同的input類型來給控件添加不同的樣式,例如給單選按鈕和復(fù)選框添加margin和transform的樣式可以使它們看起來更加美觀。