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偽類來定義當鼠標懸停在按鈕上時的效果。我們把背景顏色改為淺一些的藍色，這樣就可以讓用戶感覺到按鈕是被選中了。通過這一操作，我們實現了一個簡單但是非常實用的效果，讓我們的網頁更加具有視覺沖擊力。