首页 > 代码库 > HTML。手打节日效果
HTML。手打节日效果
布局出该效果
鼠标放上：
要求：鼠标放上的过程中文字位置不移动。
#
提示：字体微软雅黑，文字颜色#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。手打节日效果
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。