1、<style>
ul#nav{margin:0 auto; text-align:center;}
ul#nav li{display:inline-block;}
a{ text-decoration:none; color:gray; padding:0 20px;}
span{width:36px; height:30.5px; display:inline-block;}
#p1{ background:url(icons.png) no-repeat left -5px;}
#p2{ background:url(icons.png) no-repeat 0 -66px;}
#p3{ background:url(icons.png) no-repeat 0 -126px;}
#p4{ background:url(icons.png) no-repeat 0 -186px;}
#p5{ background:url(icons.png) no-repeat 0 -246px;}
a:hover #p1{ background:url(icons.png) no-repeat 0 -36px;}
a:hover #p2{ background:url(icons.png) no-repeat 0 -96px;}
a:hover #p3{ background:url(icons.png) no-repeat 0 -156px;}
a:hover #p4{ background:url(icons.png) no-repeat 0 -216px;}
a:hover #p5{ background:url(icons.png) no-repeat 0 -276px;}
#nav li a:hover {color:red;}
</style>
2、<body>
<ul id="nav">
<li><a href="#"><span id="p1"></span>微信官号</a></li>
<li><a href="#"><span id="p2"></span>RSS订阅</a></li>
<li><a href="#"><span id="p3"></span>微博官号</a></li>
<li><a href="#"><span id="p4"></span>首页回顾</a></li>
<li><a href="#"><span id="p5"></span>建议反馈</a></li>
</ul>
</body>
