form表单样式模板
时间: 2023-07-09 12:11:24 浏览: 112
表格样式模板
5星 · 资源好评率100%
以下是一个基本的表单样式模板:
```
form {
max-width: 500px;
margin: auto;
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
```
这个模板为表单元素添加了一些基本的样式,包括了一个居中的最大宽度、标签、输入框和提交按钮的样式。你可以根据自己的需要进行修改和定制。
阅读全文