CSS是網頁設計中不可或缺的工具，現在我們來講一講如何用CSS給表單添加圖片。

<style>
input[type="text"] {
background-image: url("example.png");
background-repeat: no-repeat;
padding-left: 20px;
}
</style>

如上代碼，我們通過選擇器選擇了type為“text”的表單，然后給這個表單設置了一個背景圖片，這個圖片是example.png。我們可以在這個選擇器之后添加其他屬性來調整樣式。

如果你想添加多個圖片，可以使用下面這段代碼：

<style>
input[type="text"] {
background-image: url("example1.png"), url("example2.png");
background-repeat: no-repeat, no-repeat;
background-position: left center, right center;
padding-left: 20px;
}
</style>

如上代碼，我們添加了兩個圖片，給它們設置了不同的位置。background-position屬性能夠控制圖片的位置。

除了給表單添加背景圖片，我們還可以為表單元素添加一些圖標。如下代碼所示：

<style>
input[type="submit"] {
background-image: url("submit.png");
background-repeat: no-repeat;
height: 20px;
width: 80px;
}
</style>

如上代碼，我們給提交按鈕添加了一個submit.png的背景圖片，設置了這個按鈕的寬高。你也可以添加其他類型的圖標，只需要修改選擇器即可。