CSS 字前面插入图标的代码

首先这是个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>

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

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

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

.phone-input{

padding-right:20px

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

}

css样式表的代码这么写

#ico li{list-style:url(image/ico.jpg)}/*这儿url()表示图标图片的路径*/

body部分的代码这么写

<ul id="ico">

<li><a href="#">服饰街(逛逛)</a></li>

</ul>

---