本文目錄導(dǎo)讀：

1. 設(shè)置背景顏色
2. 設(shè)置背景圖像
3. 設(shè)置背景位置和大小

CSS是一種強(qiáng)大的樣式表語言，可以用來改變網(wǎng)頁的外觀和布局，在CSS中，我們可以通過設(shè)置背景顏色、背景圖像等屬性來改變文本框的背景。

設(shè)置背景顏色

我們可以通過設(shè)置bgcolor屬性來改變文本框的背景顏色，將文本框的背景顏色設(shè)置為紅色，可以使用以下CSS代碼：

input {
    bgcolor: red;
}

設(shè)置背景圖像

除了設(shè)置背景顏色外，我們還可以設(shè)置背景圖像，這可以通過background-image屬性來實(shí)現(xiàn)，將文本框的背景設(shè)置為一張圖片，可以使用以下CSS代碼：

input {
    background-image: url('image.jpg');
}

url('image.jpg')指向的是圖片文件的路徑，需要注意的是，如果圖片文件與CSS文件不在同一個(gè)目錄下，需要填寫正確的圖片文件路徑。

設(shè)置背景位置和大小

我們還可以設(shè)置背景圖像的位置和大小，這可以通過background-position和background-size屬性來實(shí)現(xiàn)，將背景圖像居中顯示，并且將其大小設(shè)置為覆蓋整個(gè)文本框，可以使用以下CSS代碼：

input {
    background-image: url('image.jpg');
    background-position: center;
    background-size: cover;
}

CSS代碼將背景圖像設(shè)置為居中顯示，并且將其大小設(shè)置為覆蓋整個(gè)文本框。

CSS提供了豐富的屬性來設(shè)置文本框的背景，包括背景顏色、背景圖像、背景位置和大小等，我們可以根據(jù)自己的需求來選擇適當(dāng)?shù)膶傩詠碓O(shè)置文本框的背景。