在CSS中，文本框圖片是很常見的一種效果。它可以讓文本框更加美觀，并且增強(qiáng)了頁面的視覺效果。

/* CSS代碼 */
input[type="text"], 
input[type="password"], 
textarea {
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
padding: 5px;
}
input[type="text"].icon, 
input[type="password"].icon, 
textarea.icon {
background-image: url(textbox-icon.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 30px;
}

文本框圖片的實現(xiàn)方法很簡單。我們首先要對文本框進(jìn)行樣式的設(shè)置，設(shè)置邊框、陰影和內(nèi)邊距等。然后，我們需要為文本框添加一個帶有背景圖片的新樣式。在代碼中，我們使用了一個名為“icon”的類來實現(xiàn)這個效果。

這個類使用了一個名為“textbox-icon.png”的背景圖片，并將其定位在輸入框的右側(cè)中心位置，不允許重復(fù)。同時，它還將輸入框的右內(nèi)邊距增加了30個像素，以便給背景圖片留出空間。

通過這種方式，我們可以輕松地在文本框中使用各種圖片，以增強(qiáng)頁面效果。