form表单精美css
时间: 2023-11-08 07:06:09 浏览: 42
以下是一个简单的form表单精美css样式:
```html
<form>
<div class="form-group">
<label for="name">姓名</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">邮箱</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">留言</label>
<textarea id="message" name="message" required></textarea>
</div>
<button type="submit">提交</button>
</form>
```
```css
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"],
input[type="email"],
textarea {
display: block;
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #f5f5f5;
}
button[type="submit"] {
display: block;
margin-top: 20px;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: #fff;
}
```