HTML+CSS实例：简单朴素的个⼈简历模板（HTML表格使⽤+css样式渲染）个⼈简历模板
丑是丑了点，没有那么花⾥胡哨。。。
先看展⽰
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0"> <title>个⼈简历</title>
<style type="text/css">
/*表格整体样式*/
table{
border:1px solid black;
width: 800px;
/* 让表格位于⽹页中间 */
margin: auto;
/* 合并表格与单元格之间的边框，单元格与单元格之间的边框 */
border-collapse: collapse;
margin-bottom: 80px;
}
/*给标题⽂字设置⼤⼩*/
caption{
font-size: 30px;
}
/*单元格样式*/
td{
border: 2px solid black;
/*单元格中⽂字到单元格边框的距离*/
padding: 15px;
二进制补码相加text-align: center;
}
</style>
</head>
<body>学生个人网页html代码
<table>
<caption>个⼈简历</caption>
<tbody>
<tr>
<td width="10%">学院</td>
<td colspan="5"></td>
<td width="15%"rowspan="5">照<br><br>⽚</td>
</tr>
<tr>
<td>专业</td>
<td colspan="5"></td>
</tr>
<tr>
<td>姓名</td>
<td width="10%"></td>
<td width="10%">性别</td>
<td width="10%"></td>
<td width="10%">民族</td>
<td width="10%"></td>
</tr>
<tr>
<td>出⽣年⽉</td>
<td></td>
<td>籍贯</td>
<td></td>
<td>⾝⾼</td>
<td></td>
php提交数据到另一个php</tr>
<tr>
<td>学历</td>
<td></td>
<td>政治⾯貌</td>
title中文怎么读<td colspan="3"></td>
</tr>
<tr>
<td>就业意向</td>
<td colspan="6"></td>
</tr>
<tr>
<td>兴趣爱好</td>
<td>兴趣爱好</td>
<td colspan="6"></td>
</tr>
<tr>
<td>个⼈说明</td>
<td colspan="6"></td>
</tr>
<tr>
<td>家庭地址</td>
<td colspan="3"></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td>任职情况</td>
<td colspan="6"></td>
</tr>
<tr>
<td rowspan="4">本<br><br>⼈<br><br>简<br><br>历</td>
<td colspan="2">时间</td>
<td colspan="2">学校</td>
<td colspan="2">任职</td>
</tr>
<tr>
<!-- 代表⼀个空格，空出来⼀⽚空间-->
<td colspan="2"> </td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"> </td>
excel提取数量公式<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="5">奖<br><br>惩<br><br>情<br><br>况</td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
android studio删除项目<td colspan="6"> </td>
</tr>
<tr>
<td colspan="6"> </td>
</tr>
</tbody>
</table>
</body>
</html>
如果嫌丑，可以⾃⼰添加背景，例如：
（1）给表格添加背景图⽚（在css渲染的table标签选择其中加上backgroud-image:url(“图⽚地址（通常是放在同级⽬录下）”);）
（2）设置背景图⽚，并且这个背景图⽚不会随着⽹页的滑动⽽变换位置（在table选择器中添加backgroud-attachment:fixed；属性表⽰固定住图⽚）
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论