雪碧图

html文件:




9-11














    

css文件:

.amazon{
    width: 128px;
    height: 47px;
    background-image: url(../img/amazon.png);
    /*background-repeat: no-repeat;
    /*background-color: gray;*/
}
a:link{
    display: block;
    width: 42px;
    height: 30px;
    background-position: -10px -338px;
}
a:hover{
    background-position: -58px -338px;
}

雪碧图:


amazon.png

效果图:


sprite.png

你可能感兴趣的:(雪碧图)