abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>table</title></head><style>/*表格也可以用来布局,类似于div*/*{font-size: 15px;font-family: '微软雅
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table</title>
</head>
<style>
/*表格也可以用来布局,类似于div*/
*{
font-size: 15px;
font-family: '微软雅黑';
}
table{
border: 1px solid #ccc;
border-collapse: collapse;
/*border-collapse: collapse; 边框合并,同html中在table设置cellspacing:表格间距*/
margin:0 auto;
}
/* table th{
border-right: 1px solid #ccc;
}*/
table td{
/*border-top: 1px solid #ccc;
border-right: 1px solid #ccc;*/
border: 1px solid #ccc;
padding: 0px;
margin:0px;
width: 200px;
height: 35px;
vertical-align: text-center;
text-align: center;
}
.table2{
border: 0px;
/*border-collapse: collapse; 第一个table已经设置 无需重复*/
}
.table2 td{
border: 0px;
}
img{
width: 100%; /*照片铺满表格,不设置的话图片会呈现原始大小,并撑开表格*/
}
</style>
<body>
<!-- 表格的设置为行来 创建,没有列的感念 -->
<table><!-- 创建表格table标签,可以设置border属性 -->
<caption><h1 style='font-size:25px'>my</h1></caption><!-- 标题 -->
<tr>
<td style='width: 50px'>姓名</td>
<td>苏</td>
<td style='width: 50px'>性别</td>
<td>你猜</td><!-- rowspan 合并列 colspan 合并行,-->
<td rowspan="6"><img src="http://img.php.cn/upload/course/000/000/004/58144f924a5da186.gif" alt="个人照片233" ></td>
</tr>
<tr>
<td style='width: 50px'>民族</td>
<td>汉</td>
<td style='width: 50px'>籍贯</td>
<td>广西南宁</td>
</tr>
<tr>
<td style='width: 50px'>身高</td>
<td>172</td>
<td style='width: 50px'>体重</td>
<td>100</td>
</tr>
<tr>
<td style='width: 50px'>学历</td>
<td>高中 XD</td>
<td style='width: 50px'>专业</td>
<td>工程经济学</td>
</tr>
<tr>
<td style='width: 50px'>出生日期</td>
<td>1993***</td>
<td style='width: 50px'>身体</td>
<td>健康</td>
</tr>
<tr>
<td style='width: 50px'>毕业院校</td>
<td colspan="2">重庆大学</td>
<td>个人网站</td>
</tr>
<tr>
<td style='width: 50px'>教育经历</td>
<td colspan="4" style='text-align:left;'>
<ol>
<li>重庆大学</li>
<li>南宁市XX中</li>
<li>南宁市XX小学</li>
</ol>
</td>
</tr>
<tr>
<td style='width: 50px'>主修课程</td>
<td colspan="4">
<table>
<tr>
<td>会计学基础</td>
<td>工程力学</td>
<td>房屋建造学</td>
<td></td>
</tr>
<tr>
<td>工程会计</td>
<td>工程经济</td>
<td>经济学基础</td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style='width: 50px'>
工作经历
</td>
<td colspan="4" style="text-align:left">
<ul>
<li>中国建筑集团有限公司,任职 土建工程师</li>
<li>润富国际集团有限公司,任职 成本攻城狮</li>
<li>万科企业股份有限公司,任职 成本工程师</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Correcting teacher:韦小宝Correction time:2018-12-24 16:21:46
Teacher's summary:不错不错!表格利用的很好!我猜你是男的!