网友俱乐部 » » HTML/CSS教程 » 微软风格的CSS横向菜单

2008-4-25 08:08 lonjew
微软风格的CSS横向菜单

水平导航菜单(DIV CSS)

body{
background: #FFF;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
padding: 0px;
margin: 5px;
text-align: center;
font-size: 12px;
}  
#nav{
height: 44px;
width: 425px;
background: #FFF;
margin:10px auto;
}
.vline{
background: #999;
width: 1px;
height: 20px;
}
#nav ul{
margin:0px;
padding: 0px;
list-style-type: none;
}
#nav li{
float: left;
font-family: Arial;
font-weight: bold;
font-size: 12px;
text-align: center;
}
#nav li a{
display: block;
width: 84px;
line-height: 28px;
color:  #666;
text-decoration: none;
border-top: 4px solid #0F35A5;
}
#nav li a:hover{
color:  #7C8DD9;
border-top: 4px solid #7C8DD9;
}

  
产品介绍
服务支持
联系我们
新闻中心
公司简介

页: [1]
查看完整版本: 微软风格的CSS横向菜单


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.