给搜索框添加漂亮的背景

今天看到一个关于给input添加背景的一个例子，就是很常见的搜索框后面带着一个搜索图标，所以自己也练习着做了一个。

<style>
input 
{ 
	background:url(images/1.jpg) no-repeat;
	border:none;
	height:32px;
	width:333px;
	line-height:32px;
	padding:0px 5px;
}
</style>
<input />

显示结果如下图：


如果没有设置line-height属性，文字将会出现在背景的上面，而不是合适的位置。