web——html个人简历
一、代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
margin: 0 auto;
}
table{
border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/
border:2px black solid; /*定义边框样式*/
}
tr td{
border: 2px black solid ;
}
p{
font-weight: 700;
}
</style>
</head>
<body>
<div>
<br />
<p align="center" >个人简历</p>
<br />
<table border="\" width="600px" >
<tr>
<td colspan="3" bgcolor="lightblue">个人资料</td>
</tr>
<tr>
<td>姓 名:</td>
<td>婚姻状况:</td>
<td rowspan="5" width="90px" align="center" >照片</td>
</tr>
<tr>
<td>出 生:</td>
<td>政治面貌:</td>
</tr>
<tr>
<td>性 别:</td>
<td>民 族:</td>
</tr>
<tr>
<td>学 位:</td>
<td>移动电话:</td>
</tr>
<tr>
<td>专 业:</td>
<td>电子邮箱:</td>
</tr>
<tr>
<td colspan="3">地 址:</td>
</tr>
<tr>
<td colspan="3" bgcolor="lightblue">教育背景:</td>
</tr>
<tr>
<td>2018.9-2022.9</td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="3" bgcolor="lightblue">特长兴趣爱好:</td>
</tr>
<tr>
<td colspan="3">敲代码、看书、学习、跑步</td>
</tr>
<tr>
<td colspan="3" bgcolor="lightblue">计算机能力</td>
</tr>
<tr>
<td colspan="3">CCF:400分</td>
</tr>
<tr>
<td colspan="3" bgcolor="lightblue">外语水平</td>
</tr>
<tr>
<td colspan="3">英语四级</td>
</tr>
</table>
</div>
</body>
</html>
二、小技巧
1.html table表格边框变成实线
border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/
2.html 使整个页面居中
我们可以把所有内容放到一个div里,然后对所有div的CSS属性进行如下设置。
margin: 0 auto;