CSS的用法1

<style><!--
*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}

#wai{ width:600px; height:35px; border:1px solid #666}
.list{ float:left; width:100px; height:33px; text-align:center; vertical-align:middle; line-height:33px; font-weight:bold; border-top:2px solid white;}
.list:hover{ background-color:#999; color:white; border-top:2px solid #F00;}
--></style>
<p>&nbsp;</p>
<div id="wai">
<div class="list">春节</div>
<div class="list">元宵节</div>
<div class="list">端午节</div>
<div class="list">中秋节</div>
<div class="list">国庆节</div>
</div>
<p>&nbsp;</p>

posted on 2016-12-16 19:41  qdljyl  阅读(96)  评论(0编辑  收藏  举报

导航