突然觉得,如果我不上传源码和写篇博客,对不起花在这个破网页2个小时的时间,完全手打,浏览器调效果。
源码如下:
a.html:
<!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>
<link type="text/css" media="all" rel="stylesheet" href="b.css"/>
<title>
的个人简历
</title>
</head>
<body>
<legend><em>Me小仪</em></legend>
<table class="my">
<caption>
个人简历
</caption>
<tr>
<td class="first">姓名:</td>
<td class="second"></td>
<td class="first">性别:</td>
<td class="second">女</td>
<td class="pic" rowspan="4">照片</td>
</tr>
<tr>
<td class="first">专业:</td>
<td class="second">计算机科学与技术</td>
<td class="first">学历:</td>
<td class="second">本科</td>
</tr>
<tr>
<td class="first">Email:</td>
<td class="second">[email protected]</td>
<td class="first">电话:</td>
<td class="second">15920100472</td>
</tr>
<tr>
<td class="first">家庭住址:</td>
<td class="third" colspan="3"></td>
</tr>
<tr>
<td class="edu">教育情况</td>
<td class="des" colspan="4"><br><br></td>
</tr>
<tr>
<td class="tec">技能水平</td>
<td class="dec" colspan="4">
学过的语言(按掌握情况从大到小排列):C/C++ 、HTML 、CSS 、SQL(Oracle)、(JAVA PHP)<br> 使用过的软件(同上):VS、Dreamweaver、Photoshop(CS6)、Eclipse、ZENDSTUDIO<br> 掌握的算法:基本算法(贪心、动态规划、二分等)+字符串算法(KMP,字典树等)<br>
(个人博客:http://www.cnblogs.com/A-way/)<br> 英语水平:4、6级
</td>
</tr>
<tr>
<td class="exp">个人经历</td>
<td class="dec" colspan="4">
爱好网页设计,并且对浏览器的兼容性有一定的认识。<br>
大二曾经用Eclipse做过简单的CRUD项目。<br>
大三由于兴趣,使用Dreamweaver做过一个Suri(汤姆克鲁斯的女儿)为题材的静态网站<br>
大三下学期跟老师做项目,完成了广药建民网改装成其天猫店的任务(该项目的系统为电子商务系统magento)。
</td>
</tr>
<tr>
<td class="edu">获奖情况</td>
<td class="des" colspan="4">
ACM校赛二等奖、三等奖<br>
两年的二等奖学金<br>
两年的院级优秀学生
</td>
</tr>
<tr>
<td class="edu">自我评价</td>
<td class="des" colspan="4">
开朗、活泼、有一股韧劲,我不会因为别人轻视自己而轻言放弃。也许我不是最好的,但是我一直在努力^_^。
</td>
</tr>
</table>
</body>
</html>
b.css:
body
{
margin-left:10%;
margin-right:10%;
background:url("images.jpg");
background-size:100%;
font-size:1em;
}
legend
{
border:2px solid silver;
color:silver;
font-size:2em;
}
.my
{
margin:0 auto;
border:1px solid #333;
border-collapse:collapse;
}
tr,td
{
text-align:center;
}
.first
{
width:80px;
height:30px;
border:1px solid #333;
}
.second
{
border:1px solid #333;
width:130px;
height:30px;
}
.pic
{
width:90px;
height:120px;
}
.third
{
width:330px;
height:30px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.edu
{
width:80px;
height:80px;
border:1px solid #333;
}
.des
{
height:80px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.tec
{
height:180px;
border:1px solid #333;
width:80px;
}
.dec
{
height:170px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
文件夹的内容: