<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
ul,li{
margin: 0;
padding:0;
}
#container #header #nav ul{
list-style-type: none;
float: left;
}
#container #header #nav>ul>li{
list-style-type: none;
float: left;
margin: -10px 0px 20px 10px;
font-size: 20px;
}
#container #header #nav a{
text-decoration: none;
margin: 10px;
display: block;
color: #FFFFFF;
line-height: 35px;
}
#container #header #nav li ul{
visibility: hidden;
position: absolute;
}
#container #header #nav li ul li{
float: left;
}
#container #header #nav{
width: 90%;
height: 38px;
background: url("../img/nav_blue.jpg") repeat-x;
margin: 0 auto;
position: relative;
right: -20px;
bottom: 80px;
}
#container #header #nav>ul>li:hover ul{
visibility: visible;
background-color: darkgrey;
}
#container #main{
height: 500px;
width: 100%;
background: url("../img/image53.jpg");
}
#footer{
text-align: center;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">
<img src="../img/beijing.png"/>
</div>
<div id="nav">
<ul>
<li>
<a href="#">首页</a>
</li>
<li>
<a href="#">协会概况</a>
<ul>
<li>
<a href="#">协会简介</a>
</li>
<li>
<a href="#">大事记</a>
</li>
<li>
<a href="#">协会章程</a>
</li>
<li>
<a href="#">协会领导</a>
</li>
<li>
<a href="#">组织机构</a>
</li>
<li>
<a href="#">历史沿革</a>
</li>
</ul>
</li>
<li>
<a href="#">新闻公告</a>
</li>
<li>
<a href="#">领导讲话</a>
</li>
<li>
<a href="#">政策法规</a>
</li>
<li>
<a href="#">工作简报</a>
</li>
<li>
<a href="#">评奖表彰</a>
</li>
<li>
<a href="#">会员服务</a>
</li>
<li>
<a href="#">教育培训</a>
</li>
<li>
<a href="#">外事</a>
</li>
<li>
<a href="#">专家访谈</a>
</li>
<li>
<a href="#">展会</a>
</li>
<li>
<a href="#">行业研究</a>
</li>
</ul>
</div>
</div>
<div id="main">
</div>
<div id="footer">
<div id="footer_up">
<a href="#">关于我们|</a>
<a href="#">网站地图|</a>
<a href="#">版权声明|</a>
<a href="#">人才招聘</a>
</div>
<div id="footer_bottom">
<span>备案号：京j111111111版权所有：中国出版协会 技术支持：北京中青文文化传媒有限公司</span><br/>
<span>
办公地址：北京市东城区美术馆东街22号 邮编：100010 电话：010-65246062 (兼传真) 电子邮箱：[email protected]
</span>
</div>
</div>
</div>
</body>
</html>
web前端设计高校页面。
需积分: 5 73 浏览量
2022-03-29
10:40:01
上传
评论
收藏 73.14MB ZIP 举报
前端高校页面.zip （6个子文件） 
work 
index.html 2KB img 
5c88fed71cd0742457.mp3 197KB
2021-12-20 114949.png 90KB
QQͼƬ20211220100717.gif 21KB
20211127170721_MVI_1899.MP4 73.03MB zonghe.html 3KB
辛勤的程序猿
- 粉丝: 9
- 资源: 9
评论0