a与雪碧图在导航处的使用

实现效果为鼠标未放上之前为默认颜色，放上之后变成可以选中的红色。
选中前的效果：

选中后的效果：

设置的HTML源代码为：

设置未选中前的CSS代码：

设置选中前的a颜色以及div中的雪碧图类型，还有就是设置div的display为inline-block实现div与字在一行显示。

设置选中后的CSS代码：

选中后将a的颜色改变，以及雪碧图位置改变，即实现上述效果。

附：雪碧图