html+css表单有文本框,多行文本框,按钮,请给样式
时间: 2023-06-27 15:01:08 浏览: 96
以下是一个简单的HTML表单,包括文本框、多行文本框和按钮。CSS样式可以用来美化表单元素。
```html
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<button type="submit">提交</button>
</form>
```
```css
label {
display: inline-block;
width: 80px;
text-align: right;
margin-right: 20px;
font-weight: bold;
font-size: 16px;
}
input[type="text"], textarea {
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
width: 300px;
box-sizing: border-box;
}
button[type="submit"] {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
```
这个样式可以为表单添加一些基本的样式,如标签和输入框宽度、对齐方式和字体大小等。你可以根据自己的需要进行修改和调整。
阅读全文