个人简介HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>冷箫逸轩</title>
</head>
<body>
<head><meta http-equiv="Content-Type" content="text/html; charset=gbk//IGNORE"></meta><style>
html,body,p,ul,table,tr,td{margin:0;padding:0}
a{text-decoration:none}
li{list-style:none}
img{border:0 none}
body{font-family:'Microsoft YaHei';font-size:14px}
div,span,a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
table{border-collapse:collapse;border-spacing:0;border:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
td{text-align:left}
.resume_clearfix{display:block;overflow:hidden;clear:both}
.all_wrap{width:693px}
.logo_divide{border-bottom:1px solid #b9b9b9}
.at{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page{width:693px;margin:0 auto;padding:3px;background-color:#fff}
.gray{color:#919191 !important}
.l_green{color:#6d8194 !important}
.blue{color:#4567af !important}
.yellow{color:#fae001 !important}
.y_green{color:#a4b049 !important}
.s_blue{color:#00a0e9 !important}
.orange{color:#f39800 !important}
.resume_box{border:15px solid #efefef}
.company{font-size:12px;font-weight:bold}
.infomation_l{width:266px;vertical-align:top;background-color:#2d4e5c}
.top{margin:26px 0px 18px 0px}
.picture{text-align:center}
.name{height:40px;line-height:40px;font-size:18px;color:#fff;text-align:center}
.posi{width:265px;line-height:14px;text-align:center;padding:0 10px}
.mes_l{margin-left:20px}
.title{height:30px;font-weight:bold;color:#d8dcde}
.border_b2{margin-left:20px;border-bottom:1px solid #91a875}
.per_list{line-height:35px;font-size:12px;color:#d8dcde}
.title_iconl{*width:12px;padding-right:8px}
.title_icon1 img{margin-top:5px}
.b_border{border-top:1px solid #233c47}
.dir{vertical-align:top}
.limit1{width:180px}
.wid{width:225px}
.limit2{width:204px}
.con{position:relative;width:176px;height:16px;*height:15px;top:2px;border:1px solid #b9b9b9}
.rank{position:absolute;top:0;left:0;width:70%;height:16px;line-height:16px;text-indent:6px;top:0px;left:0px;background-color:#b9b9b9}
.email{max-width:146px;word-wrap:break-word}
.infomation_r{width:386px;vertical-align:top;padding-left:12px;background-color:#efefef}
.mes_r{margin-left:26px;padding:10px 0 16px 0}
.title_icon{*width:17px;padding-right:8px;border:0 none}
.title_icon img{margin-top:0px}
.title_txt{width:340px;height:28px;line-height:28px;font-weight:bold;color:#2d4e5c;text-align:left;border-bottom:1px solid #96a6ad}
.title_txt1{width:235px;height:27px;line-height:27px;font-weight:bold;color:#d8dcde;text-align:left}
.mes_boxl{margin:10px 0 22px 0}
.mes_detail{margin:10px 0px 16px 0px}
.mes_detail_a{margin-bottom:10px}
.mes_r .info_list{line-height:24px;font-size:12px;color:#000;overflow:hidden}
.mes_r .limit{width:290px}
.mes_r .edu{width:42px;line-height:15px;}
.mes_r .edu_a{width:100px;line-height:15px;}
.mes_r .reu{max-width:144px;line-height:15px;}
.mes_r .reu_a{max-width:190px;vertical-align:top;padding-right:20px}
.mes_r .in{line-height:22px;font-size:12px;color:#919191}
.mes_r .exp{width:180px}
.mes_r .pofi{width:106px;text-align:right;vertical-align:top}
.mes_r .edu1{width:206px;margin-right:20px}
.mes_r .edu2{width:220px;padding-right:20px}
.mes_r .edu2 span{display:block;width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.infomation_l2{width:276px;vertical-align:top;background-color:#466820} .title_txt_b{width:340px;height:12px;line-height:3px;font-weight:bold;color:#466820;text-align:left;border-bottom:1px solid #a2b68c}
.mes_l
.mer_right{line-height:22px;font-size:12px;color:#919191;padding-left:25px;}
</style></head><body><div xmlns="" class="page"><div class="all_wrap"><table class="resume_box"><tbody><tr>
<td class="infomation_l2">
<div class="top">
<p class="picture"><img src="4.jpg" alt="简历照片" width="140" height="148"></p>
<p class="name">冷箫逸轩</p>
</div>
<table class="border_b2"><tbody><tr class="title">
<td class="title_iconl" valign="middle"><img src="https://img03.51jobcdn.com/im/2017/resumetemplate/xsl/icon7_type1.png" width="12" height="13"></td>
<td class="wid"><span>个人信息</span></td>
</tr></tbody></table>
<div class="mes_boxl">
<table class="mes_l"><tbody>
<tr class="per_list">
<td><span>性别:</span></td>
<td><span class="y_green">女</span></td>
</tr>
<tr class="per_list">
<td><span>年龄:</span></td>
<td><span class="y_green">20</span></td>
</tr>
</tbody></table>
<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>籍贯:</span></td>
<td class="limit1"><span class="y_green">青海</span></td>
</tr></tbody></table>
<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>电话:</span></td>
<td class="limit2"><span class="y_green">12345678909</span></td>
</tr></tbody></table>
<table class="mes_l"><tbody><tr class="per_list">
<td class="dir"><span>博客:</span></td>
<td class="limit1"><span class="y_green"><a target="_blank" href="https://www.cnblogs.com/lengxiaoyixuan222/" class="lianjie">冷箫逸轩</a></span></td>
</tr></tbody></table>
</div>
</td>
<td class="infomation_r">
<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="2.jpeg" alt="个人学历" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">个人学历</p></td>
</tr></tbody></table>
<div class="mes_r">
<table><tbody><tr class="info_list">
<td class="edu"><span>本科:</span></td>
<td class="edu_a"><span class="gray">青海大学</span></td>
</tr></tbody></table>
<table><tbody><tr class="info_list">
<td class="edu"><span>年级:</span></td>
<td class="reu"><span class="gray">大二</span></td>
</tr></tbody></table>
<table><tbody><tr class="info_list">
<td class="edu"><span>专业:</span></td>
<td class="reu"><span class="gray">计算机科学与技术专业</span></td>
</tr></tbody></table>
</div>
<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="1.jpg" alt="个人评价" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">个人评价</p></td>
</tr></tbody></table>
<div class="mes_r">
<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">唯泡泡水和火锅不可辜负</span></td>
</tr></tbody></table>
<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">正处教育中的暴力者</span></td>
</tr></tbody></table>
<table><tbody><tr class="info_list">
<td class="exp"><span class="gray">跑步可以忘却一切</span></td>
</tr></tbody></table>
</div>
<table class="per_title"><tbody><tr>
<td class="title_icon" valign="middle"><img src="3.jpg" width="17" height="16"></td>
<td width="340"><p class="title_txt_b">文章分享</p></td>
</tr></tbody></table>
<div class="mes_r">
<p class="in">故今日之责任,不在他人,而全在少年。少年智则国智,少年富则国富,少年强则国强,少年独立则国独立,少年自由则国自由,少年进步则国进步,少年胜于欧洲,则国胜于欧洲,少年雄于地球,则国雄于地球。红日初升,其道大光;河出伏流,一泻汪洋。潜龙腾渊,鳞爪飞扬;乳虎啸谷,百兽震惶;鹰隼试翼,风尘吸张。奇花初胎,矞矞皇皇;干将妇硎,有作其芒。天戴其苍,地履其黄,纵有千古,横有八荒,前途似海,来日方长。美哉我少年中国,与天不老;壮哉我中国少年,与国无疆。
</p>
</div>
</tr></tbody></table></div></div></body></html>
</body>
</html>
效果图
- 第二章:Shiro入门——深入浅出学Shiro细粒度权限开发框架
- 在Apache Spark上跑Logistic Regression算法
- 第四章:Shiro的身份认证(Authentication)——深入浅出学Shiro细粒度权限开发框架
- 第五章:Shiro的授权(Authorization)——深入浅出学Shiro细粒度权限开发框架
- 第六章:Shiro的Realms——深入浅出学Shiro细粒度权限开发框架
- 第八章:Shiro和Spring的集成——深入浅出学Shiro细粒度权限开发框架
- 第九章:Shiro的Web——深入浅出学Shiro细粒度权限开发框架
- 第十章:Shiro的Cache——深入浅出学Shiro细粒度权限开发框架
- Appboy基于MongoDB的数据密集型实践
- 微信企业号登录授权Java实现获取员工userid根据userid换openid
- 微信支付-微信红包Java版本
- Universe入门
- 分享一款值得分享的写作工具
- 微信二次开发Java自定义菜单事件实现
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- SQL Server 事务隔离级别
- Django+Vue开发生鲜电商平台之8.商品详情页功能实现
- Django+Vue开发生鲜电商平台之7.用户登录和注册功能
- centos7下nginx使用tmp目录问题
- TeaWeb – 可视化的Web代理服务
- Slf4j适配日志原理
- vim编辑器
- 深度学习常用Linux命令
- Vlan 和 和 Trunk 实验
- koa框架生成微信公众号二维码
- KVM 实现虚拟机在线热迁移
- 机器重启后 docker 容器启动报错 error creating overlay mount t
- 微信小程序开发实战(14):音频组件(audio)
- dotnet OpenXML 文本 BodyProperties 的属性作用
- 微信小程序开发实战(15):视频组件(video)