坐标取出,建议从ps软件拿坐标,左上角为原点 X轴 Y轴 都是 0,0 往右往下都是负数
每个小图标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"> </div>
<div class="icon icon-set"> </div>
</form>