<style type="text/css">

div{width:240px; height:40px;margin:0 auto;}

a:link,.ceshi a:visited{color: #000;text-decoration:none;}
a:hover,.ceshi a:active {background-color: #BE3948; color: #fff;text-decoration:none;}
li{float:left;list-style-type: none;width:60px;line-height:1em;}

</style>

<!--在此制作一个无序列表-->
<div>
   <ul>
                    <li><a href="#">全部</a></li>
                    <li><a href="#">初级</a></li>
                    <li><a href="#">中级</a></li>
                    <li><a href="#">高级</a></li>
                   </ul>

</div>