布局出该效果
鼠标放上:
要求:鼠标放上的过程中文字位置不移动。
#
提示:字体微软雅黑,文字颜色#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>
时间: 2024-10-12 12:33:13