CSS雪碧，即CSS Sprite 简单的例子

<style>
        .img{background:url(img.png)  no-repeat;}
            .Lighthouse{height:768px;width:1024px;background-position:0 0;}
            .Koala{height:768px;width:1024px;background-position:0 -768px;}
            .Tulips{height:768px;width:1024px;background-position:0 -1536px;}
            .Penguins{height:768px;width:1024px;background-position:0 -2304px;}
            .Desert{height:768px;width:1024px;background-position:0 -3072px;}
            .Chrysanthemum{height:768px;width:1024px;background-position:0 -3840px;}
            .Jellyfish{height:768px;width:1024px;background-position:0 -4608px;}
            .Hydrangeas{height:768px;width:1024px;background-position:0 -5376px;}
</style>

<img  class="img Hydrangeas" />