CSS從大圖片上截取小圖標的操作

注：圖片名稱（tabicons.png）每個小圖標width:18px;height:18px從左上角坐標為（-0px;-0px;）;

例如第一個對號的坐標為(-0px;-0px;)第二個加號的圖標為(-20px;-0px;)中間依次加20個像素

截取小圖標樣式

.icon
{
    background: url(imges/tabicons.png) no-repeat;
    width: 18px;
    line-height: 18px;
    display: inline-block;
}
.icon-set
{
 background-position: -380px -200px;
}

.icon-add
{
 background-position: -20px 0px;
}

 樣式調用示例

<form id="form1" runat="server">
    <div class="icon icon-add">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
    </form>