li浮动
a设为块元素并加宽度、行高，文字居中对齐
然后想办法用合适的方式清除下浮动，以免div包不住那些东西
如果上面的你都能自己动手解决了，最下面那个 显示全部 我想你也应该能想出办法来了。
不要看别人现成的代码，步骤就是上面那样，自己动手搞懂一次，比你看几百个别人现成的答案都有效，否则下次你还是不会任何东西。
题目有点简单，不清楚具体问题是什么。
下面写了一下关于鼠标移入移出，li变色的例子，仅供参考。
思路：当鼠标移入时，修改li的背景色，直接用background修改就可以。
鼠标移出时，恢复原来li的背景色。
<body><ul id="ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
<script>
var oUl = document.getElementById('ul')
var aLi = oUl.children
for(var i=0i<aLi.lengthi++){
aLi[i].onmouseover = function(){
this.style.background = 'red'
}
aLi[i].onmouseout = function(){
this.style.background = ''
}
}
</script>
