是网页表单中非常常见的一个按钮,用于用户完成填写后将数据提交到后台。而这个按钮的样式也可以通过 CSS 来进行自定义。
在 CSS 中,我们可以使用以下属性来设置提交按钮的样式:
button { background-color: #007bff; border: none; color: #fff; padding: 8px 16px; font-size: 16px; border-radius: 4px; } button:hover { background-color: #0069d9; text-decoration: none; } button:active { background-color: #005cbf; box-shadow: none; outline: none; }上述代码将给按钮设置了一个蓝色背景、白色字体、圆角以及一些基础效果。其中 `button:hover` 和 `button:active` 可以让按钮在悬停和按下时显示不同的效果。 当然,我们也可以根据需求修改这些样式,比如将颜色、字体等属性进行个性化调整,使提交按钮更符合我们的网页设计。