标签：person 百度 sum img head overflow alt int 专业
码云链接：https://gitee.com/tangqingao/personal_profile.git
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Resume</title>
<style type="text/css" >
.LRhead{height: 30px; width: 20px; background-color: burlywood; margin-top: 45px; float: left;}
.Mhead{height: 60px;background-color: burlywood; margin-top: 30px; float: left; display:inline-block;}
.item{font: 40px/1.5 "黑体";color: white; padding: 0px 300px;}
.clear{clear: both;}
.basics{overflow: hidden;display: flex;align-items: center; width: 800px;}
.ba1{font: 16px/1.5 "微软雅黑";color: white;background-color: saddlebrown;padding: 0px 5px; display:inline-block;}
.ba2{width: 700px;border-bottom: burlywood solid 3px; margin-left:20px;}
.imag ul{list-style: none; font: 20px/1.5 "楷体";color: coral;}
.jieshao{height: 30px;width: 100px; margin: 10px 0px 0px 0px;font: 20px/1.5 "黑体";padding: 0px 25px 0px 25px; background-color: aqua;color: #6c6c6c;text-align: center;color: lightgray;cursor: pointer;transition: all 0.6s;}
.jieshao2{height: 30px;width: 250px; margin-top: 10px;font: 20px/1.5 "黑体";padding: 0px 25px 0px 25px; background-color:ghostwhite; text-align: center;color: lightgray;cursor: pointer;transition: all 0.6s;}
.jieshao:hover{color: aqua;transform: scale(1.1);}
.jieshao2:hover{color: ghostwhite;transform: scale(1.1);}
.imag{margin: 50px 0px 0px 30px;width: 200px;float: left;border: 1px lightgray solid;}
.imag img{cursor: pointer;transition: all 0.6s;}
.imag img:hover{transform: scale(1.1);}
.w{ width:auto; height: auto; display:inline-block !important; display:inline; }
.character{font: 20px "微软雅黑";width: 170px; float: left;margin-left: 50px; margin-top: 50px;}
.strength{border-bottom: orangered solid 5px;}
</style>
</head>
<body>
<div class="w" style="margin-left: 20%;">
<div>
<div class="LRhead"></div>
<div class="Mhead item">个人简历</div>
<div class="LRhead"></div>
<div class="clear"></div>
</div>
<div style="height: 440px; margin-top: 20px;">
<div class="basics">
<div class="ba1">基本资料</div>
<div class="ba2"></div>
</div>
<div style="width: 170px; float: left;margin-left: 50px;">
<div class="jieshao">姓 名：</div>
<div class="jieshao">性 别：</div>
<div class="jieshao">籍 贯：</div>
<div class="jieshao">出生年月：</div>
<div class="jieshao">政治面貌：</div>
<div class="jieshao">学 历：</div>
<div class="jieshao">专 业：</div>
<div class="jieshao">求职意向：</div>
<div class="jieshao">毕业院校：</div>
<div class="jieshao">联系电话：</div>
</div>
<div style="margin-left: 1px; float: left;">
<div class="jieshao2">汤庆澳</div>
<div class="jieshao2">男</div>
<div class="jieshao2">河南</div>
<div class="jieshao2">1999.07.03</div>
<div class="jieshao2">共青团员</div>
<div class="jieshao2">本科</div>
<div class="jieshao2">计算机技术与应用系</div>
<div class="jieshao2">继承7的意志</div>
<div class="jieshao2">青海大学（暂未毕业）</div>
<div class="jieshao2">7777777</div>
</div>
<div class="imag">
<img src="img/1.jpg" height="200px" width="200px"/>
<ul>
<li><i>昨夜西风凋碧树,</li>
<li>独上高楼,</li>
<li>望尽天涯路。</i></li>
</ul>
</div>
</div>
<div>
<div class="basics">
<div class="ba1">教育背景</div>
<div class="ba2"></div>
</div>
<div class="character">
<span>主修课程：C，C++，软件工程，web前端开发，Java，计算机网络和系统。目前重点学习Java和web前端开发</span>
</div>
<div style="float: left; border-left: lightgray solid 1px;">
<div style="float: left;margin-top: 50px;">
<div style="float: left; margin-left: 20px;">
<span style="font-size: 20px;color: orangered"><b><i>专业技能</b></i></span>
<ul style="list-style: none;">
<b><li>满分</li></br></br>
<li>C++</li></br>
<li>Java</li></br>
<li>web前端</li></b>
</ul>
</div>
<div style="float: left; margin-left: 20px;">
<div class="strength" style="width: 150px; margin-top: 45px;"></div>
<div class="strength" style="width: 20px; margin-top: 57px;"></div>
<div class="strength" style="width: 15px; margin-top: 35px;"></div>
<div class="strength" style="width: 15px; margin-top: 40px;"></div>
</div>
</div>
<div class="imag" style="margin-top: 20px; margin-left: 40px;">
<img src="img/2.jpg" height="200px" width="200px"/>
<ul>
<li><i>衣带渐宽终不悔，</li>
<li>为伊消得人憔悴。</i></li>
</ul>
</div>
</div>
</div>
<div>
<div class="basics">
<div class="ba1">自我评价</div>
<div class="ba2"></div>
</div>
<div style="width: 530px; float: left;margin-top: 50px;">
<ol type="I">
<br><li>尽管现在我的专业水平还特别低，但我坚信我会很努力地学习专业知识，让自己的水平逐渐达到职业水平</li></br>
<br><li>自我学习能力较强，但自我约束意识稍弱，经常经受不住电子游戏的诱惑而放下学习，接下来的时间里我会努力改变自己</li></br>
<br><li>工作认真细致，责任心强，思维敏捷，吃苦耐劳（可以写代码到凌晨3点），具有较强的团队合作能力，目前也在培养自己的领导能力</li></br>
</ol>
</div>
<div class="imag" style="margin-top: 20px;">
<img src="img/3.jpg" height="200px" width="200px"/>
<ul>
<li><i>众里寻他千百度,</li>
<li>蓦然回首,</li>
<li>那人正在,</li>
<li>灯火阑珊处。</i></li>
</ul>
</div>
</div>
</div>
</body>
</html>
标签：person 百度 sum img head overflow alt int 专业
原文地址：https://www.cnblogs.com/tangqingao/p/10544980.html
