怎么给css 图标字体添加新的图标

　在文字右边加图标，参考代码如下：

<input class='phone-input' type="text" id="phone"/>

.phone-input{

padding-right:20px

background:url("resource/***.gif") no-repeat scroll right center transparent

}

首先这是个li标签，在li里面，有个装图片的b标签，再给个span写字，然后给它们各自定位即可。

具体代码<li style="position:relative"><b style="width:13pxheight:13pxbackground:url(images/1.jpg) no-repeatdisplay:blockposition:absoluteleft:0pxtop:0px"></b><span style="margin-left:20px">哈哈</span></li>

具体情况距离自己调，图片一定要给宽和高。

---