要对表单进行样式化,可以使用CSS来定制表单的外观。下面是一个示例:
HTML代码:
CSS代码:
.form-group {
margin-bottom: 20px;
}
label {
display: block;
font-weight: bold;
}
.form-control {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: 4px;
background-color: #007bff;
color: #fff;
cursor: pointer;
}
在上面的示例中,我们使用了一些常见的CSS属性来样式化表单组件。.form-group
类用于设置表单组的外边距,label
元素用于显示字段标签,.form-control
类用于设置输入框的样式,.btn
类用于设置提交按钮的样式。
你可以根据需要修改CSS代码来自定义表单的样式,例如改变字体、颜色、边框等。
上一篇:表单的下拉菜单选中项为空