CSS是网页设计中非常重要的一部分，它可以控制网页的样式和布局。下面我们来讨论一下如何使用CSS来使提交按钮变色。

/* CSS代码 */
button {
background-color: #008CBA; /* 设置背景颜色 */
color: white; /* 设置文字颜色 */
padding: 10px 20px; /* 设置内边距 */
border: none; /* 去掉边框 */
border-radius: 4px; /* 圆角 */
}
button:hover {
background-color: #006CBA; /* 鼠标悬停时改变背景颜色 */
}

以上是一段CSS代码，接下来我们来详细解释一下。首先，我们使用button作为选择器，表示对所有按钮样式进行设置。其次，我们使用background-color设置背景颜色，这里我们选择了一个深蓝色。为了让文字更加清晰，我们设置了color为白色。padding用于设置内边距，这里我们设置了10px的上下内边距和20px的左右内边距。border用于去掉默认的边框。border-radius用于设置按钮的圆角，这里我们设置了4px。

接下来，我们使用:hover伪类来定义当鼠标悬停在按钮上时的效果。我们把背景颜色改为浅一些的蓝色，这样就可以让用户感觉到按钮是被选中了。通过这一操作，我们实现了一个简单但是非常实用的效果，让我们的网页更加具有视觉冲击力。