搜索框是網站中常見的元素，它能夠幫助用戶快速定位想要的內容。但是，一個普通的搜索框可能顯得有些乏味，所以我們可以為它添加一些圖片，讓它更加美觀和個性化。在 CSS3 中，向輸入框添加圖片十分簡單，只需要用到 background-image 的屬性即可。 下面是一個示例代碼，展示如何將背景圖片應用于搜索框中：

p {
font-size: 14px;
}
input[type=text] {
background-image: url("search.png");
background-repeat: no-repeat;
background-size: 25px 25px;
padding-left: 30px;
}

在這段代碼中，我們設置了 p 元素的字號為 14px，這是為了讓文章看起來更加清晰。接著，我們為 input 標簽添加了一個背景圖片，并設置了它的重復方式（no-repeat），以及大小（25px * 25px）。最后，我們使用了 padding 來向左側留出 30px 的空間，以便圖片和文本之間有一定的間距。 在實際使用中，我們可以根據需求自定義圖片和尺寸，并通過各種樣式屬性來進一步優化搜索框的樣式。這不僅可以提高用戶體驗，還能夠讓網站更加個性化和獨特。