---css-----
.icon
{
background: url(icon.png) no-repeat; /*url为png图片的路径*/
/*width和line-height分别对应每个小图标的宽和高*/
width: 20px;
line-height: :20px;
display: inline-block;
}
.icon-small
{ /*png图片左上角为原点,往右往下均为负值*/
background-position: -150px 0px;/*对应小图标的坐标*/
}
-----html-----
<div class="icon icon-small"></div>