CSS文本框中如何添加圖片

在CSS中，我們可以使用background-image屬性為文本框添加圖片，這個屬性允許我們指定一個圖片路徑，然后將該圖片作為文本框的背景，以下是一個簡單的示例：

.my-text-box {
    width: 200px;
    height: 100px;
    background-image: url('path/to/my/image.png');
    background-repeat: no-repeat;
    background-position: center;
}

在這個示例中，我們創(chuàng)建了一個名為.my-text-box的CSS類，并將圖片路徑設(shè)置為url('path/to/my/image.png')。background-repeat屬性設(shè)置為no-repeat，表示圖片不會重復(fù)顯示。background-position屬性設(shè)置為center，表示圖片會在文本框中居中顯示。

在HTML中，我們可以使用class屬性將該CSS類應(yīng)用到一個文本框上：

<textarea class="my-text-box"></textarea>

這樣，文本框中就會顯示我們指定的圖片了，需要注意的是，如果圖片的尺寸與文本框的尺寸不匹配，圖片可能會被拉伸或壓縮，如果需要保持圖片的原尺寸，可以通過調(diào)整CSS中的background-size屬性來實現(xiàn)。