CSS是很常見的網頁美化工具，可以讓我們的網站更加美觀、易于使用。其中一個常見的應用場景是在輸入框內放置圖片，以提高用戶體驗。下面我們來一起了解一下CSS如何實現這個效果。

.input-img {
background-image: url("image.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 25px; // 圖片寬度
}

以上是一段CSS代碼，我們可以對這段代碼進行解釋：

1. 首先，我們的圖片需要用background-image屬性進行定義。在這個例子中，我們使用了一個名為“image.png”的圖片進行演示。

2. 接著，我們需要確定圖片在輸入框中的位置，使用background-position設置了圖片的對齊方式。在這個例子中，我們將圖片對齊到了右中位置。

3. 我們也需要確保圖片不會重復出現，因此使用了background-repeat：no-repeat的屬性。

4. 最后，設置padding-right：25px（圖片寬度），以避免輸入框與圖片重合。如果你的圖片大小不同，請將這個值相應調整。

以上代碼可以應用于所有類型的輸入框，使它們更加易于使用和美觀。如果你想更好的了解CSS的應用，可以多多練習！