你的位置：首页 >> 网站制作 >> 网页设计网页设计微软风格的CSS横向菜单
网页设计网页设计微软风格的CSS横向菜单
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com
|
<head>网站制作 北京网站建设
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />网页设计
<title>水平导航菜单（DIV+CSS）</title>网站建设
<style type="text/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; 北京网页设计
}网站制作
</style>网站制作
</head>
<body><div id="nav"><ul><li><a href="#">产品介绍</a></li><li class="vline"></li>网站设计
<li><a href="#">服务支持</a></li><li class="vline"></li>北京网站设计
<li><a href="#">联系我们</a></li><li class="vline"></li>网站设计
<li><a href="#">新闻中心</a></li><li class="vline"></li>网站制作
<li><a href="#"> 企通互联公司简介</a></li><li class="vline"></li>北京网站建设
</ul></div>北京网页设计
|
北京网页设计
上一篇：北京网页设计CSS布局中如何组织样式表以便于简化、维护?
下一篇：网页设计利用CSS的Clip属性来创造多彩文字