在網頁設計中，我們常常需要更改輸入框的背景顏色，以使其更符合整個網頁的風格。而使用CSS可以輕松實現這一功能。 首先，我們需要使用input標簽創建一個輸入框，如下所示：

<input type="text" name="username" placeholder="請輸入用戶名">

接下來，我們可以使用CSS中的background-color屬性來更改輸入框的背景顏色。例如，我們想將輸入框的背景顏色設置為淺灰色，可以使用如下代碼：

input{
background-color: #f2f2f2;
}

以上代碼中，我們將input標簽選中，并使用background-color屬性將其背景顏色設置為#f2f2f2，即淺灰色。 如果我們想只更改某個特定輸入框的背景顏色，可以為其添加一個類名，如下所示：

<input type="text" name="username" placeholder="請輸入用戶名" class="input-box">
.input-box{
background-color: #f2f2f2;
}

以上代碼中，我們為特定輸入框添加了一個名為"input-box"的類名，并使用該類名選中這個輸入框。然后，我們再次使用background-color屬性將其背景顏色設置為#f2f2f2。 在CSS中，我們還可以使用其他屬性來更改輸入框的樣式，如border、font-size等。完整的CSS樣式代碼如下：

.input-box{
background-color: #f2f2f2;
border: none;
border-radius: 5px;
padding: 10px;
font-size: 16px;
}

以上代碼中，除了background-color屬性外，我們還添加了一些其他樣式來美化輸入框。例如，使用border屬性去掉輸入框的邊框，使用border-radius屬性設置輸入框的圓角，使用padding屬性設置輸入框內部的留白，使用font-size屬性設置輸入框中的文字大小。 通過使用以上代碼，我們可以輕松地更改輸入框的背景顏色和其他樣式，從而打造出符合網頁風格的完美輸入框。