按钮按下时立体感效果

<ul>
                 <li><a href=" ">首页</a></li>
                 <li><a href=" ">前端</a></li>
                 <li><a href=" ">资源</a></li>
                 <li><a href=" ">资讯</a></li>
                 <li><a href=" ">编程</a></li>
 </ul>

 a:hover{ position:relative; top:1px; left:1px}/* 切记一定要是相对定位 */