CSS可以實現許多有趣的效果，比如在輸入框中添加圖標就是其中之一。使用CSS添加圖標不僅美觀，而且還可以提高用戶體驗，讓輸入框更加易于使用和識別。

/*CSS代碼*/
input[type="text"]{
padding-left: 20px; /*輸入框左側留出圖標的位置*/
background-image: url('icon.png'); /*添加圖標背景*/
background-repeat: no-repeat; /*不重復顯示背景*/
background-size: 18px 18px; /*圖標大小*/
background-position: center left 5px; /*圖標位置*/
}

請看上述CSS代碼，我們可以看到，我們使用了“background-image”屬性來添加背景圖像，這里使用了一個名為“icon.png”的圖像。通過“background-size”屬性，我們可以設置圖標的大小，這里設置為18像素。通過設置“background-position”屬性的值，我們可以將圖標放在輸入框的左側第一個位置，如圖片中所示。

最后，設置“padding-left”屬性可以留出一定的空間來顯示圖標。通過這些簡單的CSS樣式，我們可以在輸入框中添加圖標，從而達到更好的用戶體驗和視覺效果。