给form表单编辑一个css
时间: 2023-07-25 08:46:37 浏览: 61
您可以使用以下CSS样式为表单添加样式:
```css
form {
margin: 0 auto;
width: 60%;
max-width: 600px;
background-color: #f5f5f5;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
input[type="text"], input[type="password"], textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
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;
}
```
这个样式将会使表单居中,有一个最大宽度为600px,有圆角边框和阴影,输入框和提交按钮都有自己的样式。您可以将这些CSS样式添加到您的CSS文件中,或者将它们直接放在您的HTML文件中的`<style>`标签中。