input 提交表单按钮 背景图片的完美设置

html的代码

<input type="submit" id="submit_btn" src="submit_btn_bg_img.jpg" value="loginer" />

<style>

　　

1. <input type="submit" id="submit_btn" name="submit_btn"  value="loginer" />   
2.   
3. #submit_btn{   
4.          width:33px;   
5.          height:16px;   
6.          background:url(goto/image/path.jpg) no-repeat center;   
7.          cursor:pointer;   
8. /* 上面的代码是常规设置， 即：引入一个图片背景，设置在中心位置，大小和按钮的大小一致，以及鼠标指针为手型 */  
9.   
10.           display:block;   
11.           font-size:0;   
12.           line-height:0;   
13.           text-indent:-9999px;   
14. /* 上面的不用多问，四句一起拷贝就可以了，大概意思就是把value值设置为0像素，也就是肉眼无法看到，但却又是存在的（用$_POST['submit_btn'] 可以证明）*/  
15. }  

</style>