一起来通过代码来学习吧

.top.menu.mainmenulia{width:101px;height:23px;display:block;background-repeat:no-repeat;}

.top.menu.mainmenulia.Home{background:url(http://www.../image/menu-1.gif);}
.top.menu.mainmenulia.Article{background:url(http://www.../image/menu-1.gif);}
.top.menu.mainmenulia.Mall{background:url(http://www...//image/menu-1.gif);}
.top.menu.mainmenulia.Radio{background:url(http://www.../image/menu-1.gif);}
.top.menu.mainmenulia.Event{background:url(http://www.../image/menu-1.gif);}
.top.menu.mainmenulia.Temp{background:url(http://www.../image/menu-1.gif);}
.top.menu.mainmenulia.Home:hover,.top.menu.mainmenulia.Article:hover,.top.

menu.mainmenulia.Mall:hover,.top.menu.mainmenulia.Radio:hover,.top.

menu.mainmenulia.Event:hover,.top.menu.mainmenulia.Temp:hover

{background-position:bottom;}

.top.menu.mainmenuliaspan{display:none;}

使用方法：

<divclass=\"top\">
<divclass=\"menu\">
<divclass=\"mainmenu\">
<ul>
<li>
<aclass=\"Home\"id=\"Home\"href=\"..\"title=\"招聘会\"><span>招聘会</span></a>
</li>
</ul>
</div>
</div></div>