html提交和重置按钮如何居中和改颜色,边框类型
时间: 2023-06-19 16:10:55 浏览: 302
要将HTML提交和重置按钮居中,可以将它们放在一个包含元素中,并使用CSS的text-align属性将该元素的文本对齐方式设置为"center"。同时,可以使用CSS的display属性将该元素的显示方式设置为"inline-block",以便在同一行内显示提交和重置按钮。
例如:
```html
<div class="button-container">
<input type="submit" value="提交">
<input type="reset" value="重置">
</div>
```
```css
.button-container {
text-align: center;
}
.button-container input[type="submit"],
.button-container input[type="reset"] {
display: inline-block;
}
```
要更改HTML提交和重置按钮的颜色,可以使用CSS的background-color属性和color属性。要更改边框类型,可以使用CSS的border属性。
例如:
```css
.button-container input[type="submit"],
.button-container input[type="reset"] {
background-color: #007bff; /* 蓝色背景色 */
color: #fff; /* 白色文本颜色 */
border: solid 1px #007bff; /* 实线蓝色边框 */
}
```
您可以根据自己的需要更改颜色和边框样式。
阅读全文