css设置form表单样式
时间: 2023-07-26 18:09:41 浏览: 111
CSS设置表格和表单样式PPT课件.pptx
可以使用以下 CSS 样式来设置表单的样式:
```css
/* 设置表单元素的默认边框和内边距 */
form {
border: 1px solid #ccc;
padding: 10px;
}
/* 设置表单元素的默认字体、字号和行高 */
form label, form input, form textarea, form select {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
/* 设置表单元素的默认间距 */
form label {
margin-bottom: 10px;
}
form input, form textarea, form select {
margin-bottom: 20px;
}
/* 设置表单提交按钮的样式 */
form input[type="submit"] {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
}
form input[type="submit"]:hover {
background-color: #0062cc;
}
```
这些样式可以根据需要进行修改,以实现所需的表单样式。
阅读全文