標籤：
布局出該效果
滑鼠放上：
要求：滑鼠放上的過程中文字位置不移動。
#
提示：字型微軟雅黑，文字顏色#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>
HTML。手打節日效果
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
