CSS action to intercept small icons from large images

Note: The picture name (tabicons.png) of each small icon width:18px;height:18px from the upper left corner coordinates ( -0px;-0px;);

For example, the coordinates of the first checkmark are ( -0px;-0px;) The second plus icon is ( -20px;-0px;) with 20 pixels in the middle.

Truncate small icon Style

. 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;}

Style Invocation Example

<id= "Form1"  runat= "Server">    <  class= "icon icon-add">        &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;    </ Div > </ form >

CSS action to intercept small icons from large images