html div上的导航条,DIV+CSS导航条

CSS导航条

*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}

body{ background: #333}

#info{padding:50px;}

#infobox{padding:0px 20px;background-color: #640000;}

#center{background: #ABBAAC; border-top:2px solid #333; padding:20px;}

.c{ clear:both; height:1px; overflow: hidden; background:#333}

#infobox li{ border-right:1px solid #000; float:left; margin-right:1px; text-align:center;margin-top:-4px; }

a{ width:100px;line-height:28px; display:block;}

a:link,a:visited{color:#000;background:#FF9900;text-decoration: none;}

a:hover,a:active{ color:#FFFF00;background:#000;}

#infobox span{ display: none; }

#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #FFFFCC;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;}

• 模板无忧首页！模板无忧
• ASP源码应有尽有！ASP源码
• 这里是PHP精品程序！PHP源码
• ASP.NET源码专区！.NET源码
• 有你喜欢的JAVA源码！JAVA源码
• 这里是DELPHI源码专区！DELPHI源码