Html-tutorial - How to specify single image from large set images, CSS cut single image from large set of image

How to specify single image from large set images

How to get the specific image from large set images in one image using css

Here I have not uploaded the image, but you can use the image width n height of the image via css.

.large {
 height:100px;
 width:100px;
 background-image:url('download/feed-icons.jpg'); 
}
 
.first {background-position:-7px 0px;}
 .second {background-position:-245px -9px;}
 .third {background-position:-136px -2px;}
 .foruth {background-position:-15px -112px;}
 .fivth {background-position:-21px -212px;}
 .sixth {background-position:-21px -315px;}

class applies default values for every image. Classes first, fifth and sixth are example of customized icons.

HTML Code

div class="large first"
 
div class="large fivth"
 
div class="large sixth"

The topic on Html-tutorial - How to specify single image from large set images is posted by - Math

Hope you have enjoyed, Html-tutorial - How to specify single image from large set imagesThanks for your time