table css个人简历的实现美观简洁

主要使用table标签来实现个人简历的表格制作

效果图如下：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>个人简介</title><style>.title{text-align: center;font-weight: bold;font-size: 22px;}th{font-size: 14px;background-color: #f0f0f0;}td{min-width: 80px;height: 30px;}</style>
</head>
<body><table  border="1px" align="center" cellspacing="0" cellpadding="10px"><colgroup><col></colgroup><thead><tr><td class="title" colspan="8">个人简介</td></tr></thead><tbody><tr><th>姓名</th><td></td><th>性别</th><td></td><th>出生年月</th><td></td><td colspan="2" rowspan="5" style="width: 160px"></td></tr><tr><th>祖籍</th><td></td><th>民族</th><td></td><th>政治面貌</th><td></td></tr><tr><th>身体状况</th><td></td><th>婚姻状况</th><td></td><th>学历</th><td></td></tr><tr><th>所学专业</th><td colspan="2"></td><th>毕业学校</th><td colspan="2"></td></tr><tr><th>专业能力</th><td colspan="5"></td></tr><tr style="height: 80px;"><th>求职意向</th><td colspan="7"></td></tr><tr style="height: 80px;"><th>专业课程</th><td colspan="7"></td></tr><tr style="height: 120px;"><th>实践经历</th><td colspan="7"></td></tr><tr style="height: 80px;"><th>获奖经历</th><td colspan="7"></td></tr><tr style="height: 80px;"><th>自我评价</th><td colspan="7"></td></tr></tbody></table>
</body>
</html>

table css个人简历的实现美观简洁相关推荐

table虚线边框_web前端工程师7天0基础到精通（TABLE+CSS制作《互联世纪网》）
项目七项目实践:TABLE+CSS制作<互联世纪网> 实践目标 1. 熟悉CSS属性 2. 熟练运用CSS属性控制网页样式 3. 熟悉网页制作流程项目简介: 通过上一章节的学习,我们了 ...
html5 单元格宽度,html table呈现个人简历以及单元格宽度失效的问题解决
正确的实现代码如下: 个人简历个人简历个人资料姓名婚姻照片出生政治面貌性别民族学位移动电话专业电子邮件地址:教育背景2012.9 - 2014.9中国海洋大学本科特长及兴趣爱好篮球.足球 ...
【HTML+CSS】简历表格
需求:实现简历表格设计 <!DOCTYPE html> <html> <head><meta charset="utf-8">< ...
html5 阿狸照片展示,阿狸手抄报美观简洁图片5张
如果我说我想一个人静一静 ,其实我比任何时候都需要你.这里给大家分享一些关于阿狸手抄报,供大家参考. 阿狸手抄报1 用心聆听花开的声音,用心感悟风的私语,勇敢的面对现实.--题记今天,我阅读了< ...
html之表格table例题-个人简历
代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
HTML+CSS个人简历
通过使用html标签和css建立个人简历表 <!DOCTYPE html> <html> <head><meta charset="UTF-8&qu ...
好看的table css样式
漂亮的table表格样式css源码漂亮的table表格样式 css源码 <head><title></title><style type="text ...
html+css制作简历
效果图: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
简历html步骤,HTML 和 CSS 排版简历
简历的成品应该是一页纸.就是说,简历上的文字位置应该是固定的.而html和CSS都是针对网页的流式排版的,流式排版的特点是文字会根据输出终端的不同而变更绝对位置,就是说,HTML和CSS无法保证最终的 ...

table css个人简历的实现美观简洁

table css个人简历的实现美观简洁相关推荐

最新文章

热门文章

table css个人简历的实现 美观 简洁

table css个人简历的实现 美观 简洁相关推荐

最新文章

热门文章

table css个人简历的实现美观简洁

table css个人简历的实现美观简洁相关推荐