突然觉得，如果我不上传源码和写篇博客，对不起花在这个破网页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">babypig_1991@126.com</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;

}

文件夹的内容：

手打的table的更多相关文章

  1. 手拼Table 前台显示

    一:前台 <table border=</table> 二:后台 //表头 public void TABTITLE() { TblList.Rows.Clear(); HtmlTa ...

  2. 手机端table表格bug

    table表格在手机端有一个小小的bug,就是td有一个右边线,解决办法可已给tr加一个背景色就行,或者table都行,完美解决

  3. SQL语句整理(二) 数据定义语言DDL

    前言: 这是我学数据库时整理的学习资料,基本上包括了所以的SQL语句的知识点. 我的教材是人大王珊老师的<数据库系统概论>. 因为是手打的,所以会用一些细节打错了,但都挺明显也不多(考完试 ...

  4. 细谈HTML解析模块

     细谈HTML解析模块 Html在网页中所占的位置,用一个简单直观的图给展示一下:    

  5. Rails5 Model Document

    创建: 2017/06/09 更新: 2017/06/21 更新: 2017/06/23 对待未完成的追加# TODO: 更新: 2017/06/29 修正文件名db/seed.rb ---> ...

  6. JavaWeb入门_模仿天猫整站Tmall_SSM实践项目

    Tmall_SSM 技术栈 Spring MVC+ Mybatis + Spring + Jsp + Tomcat , 是 Java Web 入门非常好的练手项目 效果展示: 模仿天猫前台 模仿天猫后 ...

  7. C#与C++的发展历程第三 - C#5.0异步编程巅峰

    系列文章目录 1. C#与C++的发展历程第一 - 由C#3.0起 2. C#与C++的发展历程第二 - C#4.0再接再厉 3. C#与C++的发展历程第三 - C#5.0异步编程的巅峰 C#5.0 ...

  8. Netty（二）入门

    在上篇<Netty(一)引题>中,分别对AIO,BIO,PIO,NIO进行了简单的阐述,并写了简单的demo.但是这里说的简单,我也只能呵呵了,特别是NIO.AIO(我全手打的,好麻烦). ...

  9. WaterfallFlowLayout瀑布流用重写UICollectionViewFlowLayout类实现

    最近调研瀑布流,在gitHub上下了个Demo发现它的所有视图都是用Main.storyboard拖的, 自己研究半天没研究明白; 然后就又找了一个Demo, 它的视图全是手打的, 但是实现的方法不太 ...

随机推荐

  1. 【BZOJ2850】巧克力王国 KDtree

    [BZOJ2850]巧克力王国 Description 巧克力王国里的巧克力都是由牛奶和可可做成的.但是并不是每一块巧克力都受王国人民的欢迎,因为大家都不喜 欢过于甜的巧克力.对于每一块巧克力,我们设 ...

  2. 在Spring中通过构造自动装配--constructor

    在Spring中,可以使用“通过构造自动装配”,实际上是按构造函数的参数类型自动装配. 这意味着,如果一个bean的数据类型与其他bean的构造器参数的数据类型是相同的,那么将自动装配. packag ...

  3. 微信H5支付 EasyWechat

    其中如果想在一个laravel中使用多个不同主题的支付账户,可以在方法实例对象时,将对应的参数进行修改配置. 其中小程序支付,已得到验证. 1.公众号支付等资格申请 2.公众号对应的支付商户主体申请 ...

  4. linux 查看系统信息和安装哪些软件的命令

    https://www.cnblogs.com/wangkongming/p/4531341.html 查看系统磁盘硬盘占用率 https://blog.csdn.net/aaashen/articl ...

  5. spring-session之一：简介、使用及实现原理

    一.背景 http session(企业)一直都是我们做集群时需要解决的一个难题,我们知道HttpSession是通过Servlet容器创建和管理的,像Tomcat/Jetty都是保存在内存中的.而如 ...

  6. TIMEQUEST学习之黑金动力（三）

    不知不觉,学到的第四章.但是对于TQ的内部模型和外部模型的完整分析还是没有很好的理解.接着学习......... 我们也了解静态时序分析的第一步骤,亦即时钟方面的约束.此外,也稍微对 Report T ...

  7. 基于angularJs+ui-router+bootstrap风格的表格生成指令

    1 /** 根据参数定制表格 * api接口: * form-model:[item1,item2,item3] * form-properties:[ * {key:'',label:'',thCl ...

  8. XHTML1.0版本你知道么，跟html5版本有什么区别

    XHTML 1.0 是 XML 风格的 HTML 4.01. XHTML 1.1 主要是初步进行了模块化. HTML5 是下一代 HTML,取代 HTML 4.01. W3C 原本确实计划用 XHTM ...

  9. 使用airodump-ng扫描网络

    执行命令 root@sch01ar:~# airodump-ng wlan0mon 参数介绍: BSSID:表示无线AP的Mac地址 PWR:网卡报告的信号水平 Beacons:无线AP发出的通告编号 ...

  10. 2014.8.27 CAD数据结构

    Rwy表中存放所有物理跑道,主键rwy_id,但没有跑道中心点坐标 rwy_direction表中存放所有所有逻辑跑道号,也没有跑道入口坐标.同一rwy_id对应有2条记录 rwy_cline_poi ...