实现效果与任务效果有差异
a{display:block;height:30px;text-align:center; line-height:30px; width:120px; background-color:#ccc;}
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin:-10px;}
<body>
<ul>
<li><a class="on" href="#">首 页</a><>
<li><a href="#">新闻快讯</a><>
<li><a href="#">产品展示</a><>
<li><a href="#">售后服务</a><>
<li><a href="#">联系我们</a><>
</ul>
</body>
