布局出该效果
鼠标放上：
要求：鼠标放上的过程中文字位置不移动。
#
提示：字体微软雅黑，文字颜色#333，外边框颜色#e9e9e9，鼠标放上背景色#b3b6bb，鼠标放上边框颜色#F39
<style type="text/css">
。abb{width:100px; height:40px; float:left; textalign:center; vertical-align:middle; lin-height:40px; font-weight:bold;}
.aa:hover{cursor:pointer; backgroung-color:#b3b6bb; color:whiter; border-top:2px solid #F39; height:38px; line-height:36px;}
</style>
<body>
<div class="abb">春节</div>
<div class="abb">元宵节</div>
<div class="abb">端午节</div>
<div class="abb">中秋节</div>
<div class="abb">国庆节</div>
<div style="clear:both"></div>
</body>
原文：http://www.cnblogs.com/ysdong/p/5883108.html