<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--整体容器-->
<div id="zhengti">
<!--头-->
<div id="tou">
</div>
<!--导航-->
<div id="daohang">
<ul>
<li><a href="第一张.html"target="_parent">首页</a></li>
<li><a href="class.html"target="_parent">课程表</a></li>
<li><a href="#">游戏作品</a></li>
</ul>
</div>
<!--左边-->
<div id="zuobian">
<h3>校园一角</h3>
<ul>
<li>钟楼</li>
<li><img src="xiaoyuan1.jpg"></li>
</br>
<li>教学楼</li>
<li><img src="xiaoyuan2.jpg"></li>
</ul>
</div>
<!--中间-->
<div id="zhongjian">
<p><b>个人简历：</b></p>
<hr/>
<p>姓名： 余顺全</p>
<p>出生日期： 1996年12月31日</p>
<p>民族： 汉</p>
<p>籍贯： 福建漳州</p>
<p>学历： 本科</p>
<p>专业： 软件工程</p>
<p><b>就读院校：</b></p>
<hr/>
<p>2003~2009: 靖城中心小学</p>
<p>2009~2012: 城关中学</p>
<p>2012~2015： 南靖一职校</p>
<p>2015~至 今： 闽江学院</p>
</div>
<!--右边-->
<div id="yuobian">
</div>
<!--尾-->
<div id="wei">
<h3>友情链接：</h3>
<ul>
<li><a href="https://www.baidu.com.cn" target="_blank">百度</a></li>
<li><a href="http://www.sina.com.cn/"target="_blank">新浪</a></li>
<li><a href="https://www.zhihu.com/"target="_blank">知乎</a></li>
<li><a href="https://www.taobao.com/"target="_blank">淘宝</a></li>
<li><a href="https://mi.com/"target="_blank">小米</a></li>
<li><a href="https://www.jingdong.com/"target="_blank">京东</a></li>
</ul>
<hr/>
<p align="center">©版权所有</p>
</div>
</div>
</body>
</html>
css
body{
margin:0px;
padding:0px;
font-size:12px;
background:url(1.JPG);
}
#zhengti{
margin:0px auto;
width:780px;
height:640px;
text-align:left;
background:url(6760808_141400217265_2.jpg);
}
.two{
color:#03F;
font-family:"Courier New", Courier, monospace;
font-size:15px;
font-weight:bold;
}
#tou{
margin:0px;
padding:0px;
background:#39C;
height:150px;
width:100%;
background:url(images/6760808_141400217265_2_01.gif);
}
#daohang{
margin:0px;
padding:0px;
}
#daohang ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#daohang ul li{
float:left;
text-align:center;
width:260px;
}
#daohang ul li a{
display:block;
padding:9px 6px 11px 6px;
margin:0px;
background:url(images/6760808_141400217265_2_02.gif) no-repeat;
}
#daohang a:link,#daohang a:visited{
color:#004a87;
text-decoration:underline;
}
#daohang a:hover{
color:#ffffff;
text-decoration:none;
background:url(3-1.jpg);
}
#zuobian{
width:200px;
height:370px;
margin:0px;
padding:0px;
float:left;
}
#zuobian ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#zhongjian{
width:400px;
height:370px;
background:url(images/6760808_141400217265_2_04.gif);
margin:0px;
padding:0px;
float:left;
}
#yuobian{
width:180px;
height:370px;
background:url(images/6760808_141400217265_2_05.png);
margin:0px;
padding:0px 0px 5px 0px;
float:left;
}
#wei{
width:100%;
height:70px;
background:url(images/6760808_141400217265_2_06.gif);
padding:0px;
margin:0px;
clear:both;
}
#wei ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#wei ul li{
float:left;
text-align:center;
width:130px;
}