CSS-Sprite 雪碧图

• 为解决背景图片练习中的白色闪烁问题，可用雪碧图
• 雪碧图：将多个小图片保存为一个大图片，通过background-position调整位置，显示需要的图片
  
• 使用雪碧图的代码

a:link{
	display: block;
	width: 93px;
	height: 29px;
	background-image: url('./img/btn.png');
        }

a:hover{
	background-position: -93px 0;
}

a:active{
	background-position: -186px 0;
}

hover和active中无需重复设置width和height，只需改变background-position即可

• 涉及到雪碧图的使用，因此background-position的值经常为负数