<!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; }