CSS从大图片上截取小图标的使用

CSS从大图片上截取小图标的使用

CSS从大图片上截取小图标的使用

注:图片名称(tabicons.png)每个小图标width:18px;height:18px

左上角的坐标为(-0px;-0px) 第一个表示图片的宽 第二个表示图标图片的高

例如第一个对号的坐标为(-0px;-0px;)第二个加号的图标为(-20px;-0px;)中间依次加20个像素

截取小图标样式

.icon-config{background-position: -20px -100px;}

使用方式:

<div id="config" data-options="iconCls:'icon-config'"></div>