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

html-css022

怎么给css 图标字体添加新的图标,第1张

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

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

.phone-input{

padding-right:20px

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

}

CSS中用字体标签画icon图标方法：

1、先引入字体标签字体；

2、在相关标签内使用（例：如下）。

<link type="text/css" rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <span class="fa fa-phone"></span>