web——html个人简历
web——html个人简历一、代码二、小技巧1.html table表格边框变成实线2.html 使整个页面居中一、代码<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style>*{margin: 0 auto;}table{bor
·
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;
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
19
0- 0
已为社区贡献2条内容
所有评论(0)