首页 > 代码库 > 0719
0719
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0px;
padding: 0px;
}
.top-nav{
width: 100%;
height: 10px;
background-color: gainsboro;
}
.container{
width: 83%;
height: 1000px;
border: 2px solid black;
}
.content{
width: 100%%;
height: 800px;
border: 2px solid black;
margin: 0px auto;
}
.logo-banner{
width: 100%;
height: 70px;
border: 1px solid black;
}
.content-nav{
width: 100%;
height: 30px;
background-color: rosybrown;
}
.q1{
width: 99.9px;
float: left;
height: 30px;
}
.logo-right{
width: 20%;
height: 60px;
border: 1px solid black;
float: right;
}
.content-1{
width: 100%;
height: 274px;
/*border: 1px solid black;*/
/*float: left;*/
}
.content-2{
width: 100%;
height: 30px;
border: 1px solid black;
background-color: deepskyblue;
}
.content-3-left{
width: 20%;
height: 394px;
/*border: 1px solid black;*/
float: left;
background-color: blueviolet;
}
.content-3-right{
width: 80%;
height: 394px;
/*border: 1px solid black;*/
float: left;
background-color: green;
}
.content-3-right-1{
width: 50%;
height: 197px;
background-color: blanchedalmond;
float: left;
}
.content-3-right-2{
width: 50%;
height: 197px;
background-color: lightblue;
float: right;
}
.content-3-right-3{
width: 50%;
height: 197px;
background-color: fuchsia;
float: left;
}
.content-3-right-4{
width: 50%;
height: 197px;
background-color: red;
float: left;
}
.content-4{
width: 100%;
height: 201px;
}
</style>
</head>
<body>
<div class="top-nav"></div>
<div class="container">
<div class="content">
<div class="logo-banner">
<img src="http://www.mamicode.com/img/200853122132222381.gif">
<div class="logo-right"></div>
</div>
<div class="content-nav">
<a href="http://www.mamicode.com/#"><div class="q1">首 页</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">学校概况</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">新闻中心</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">教学科研</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">团学在线</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">社会培训</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">党建工作</div></a>
<a href="http://www.mamicode.com/#"><div class="q1">职教集团</div></a>
</div>
<div class="content-1">
<img src="http://www.mamicode.com/img/img3.png">
</div>
<div class="content-2"></div>
<div class="content-3">
<div class="content-3-left"></div>
<div class="content-3-right">
<div class="content-3-right-1"></div>
<div class="content-3-right-2"></div>
<div class="content-3-right-3"></div>
<div class="content-3-right-4"></div>
</div>
<div class="content-4">
<img src="http://www.mamicode.com/img/img2.png" />
</div>
</div>
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
0719