使用HTML+CSS设计个人简历
生活随笔
收集整理的這篇文章主要介紹了
使用HTML+CSS设计个人简历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用HTML+CSS設計個人簡歷
- 效果展示
- 代碼實現
效果展示
代碼實現
resume.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>簡歷</title><link href="../css/resume-css.css" rel="stylesheet" type="text/css"> </head> <body><div class="box"><div class="left-box"><div class="me-img"><img src="../imgs/head.png"><h4>bennett</h4><h6>工作意向：Java全棧</h6></div><hr><div class="basic-information"><h6>名族：漢族</h6><h6>現居：陜西西安</h6><h6>籍貫：甘肅蘭州</h6><h6>電話：15594497111</h6><h6>郵箱：bennett@qq.com</h6><h6>政治面貌：黨員</h6></div><hr><div class="honor-award"><table border="1px"><tr><th>榮譽獎勵</th></tr></table><h6>獲得校二等獎獎學金；</h6><h6>全國計算機等級三級證書；</h6><h6>全國英語六級；</h6></div></div><div class="right-box"><!--自我評價--><div class="self-assessment"><h4>自我評價</h4><p> 我為人友善、真誠，做事細致、專注，有很強的責任心，學習能力與適應能力強，喜歡與他人交談，熱愛生活。最顯著的性格標簽是認真，有著沉靜內斂、善于思考和研究的特質，作為本碩皆為新聞學專業的文科生，與文字為伴多年，文字功底扎實，文字編輯、把關、策劃能力強，想要以文字工作為基礎，加入向往已久的互聯網行業。</p></div><!--專業技能--><div class="professional-skills"><h4>專業技能</h4><ol><li>熟悉Java語言，有web項目開發經驗；</li><li>熟練使用JSP和Servlet；</li><li>熟悉常用Java web項目開發框架：MyBatis、Spring、SpringMVC；</li><li>熟悉MySQL數據庫；</li><li>有良好的文檔編寫習慣和溝通能力；</li></ol></div><!--項目實踐--><div class="project-practice"><h4>項目實踐</h4><h6> 大一</h6><ol><li>xxxxx</li><li>xxxxx</li></ol><h6> 大二</h6><ol><li>xxxxx</li><li>xxxxx</li></ol><h6> 大三</h6><ol><li>xxxxx</li><li>xxxxx</li></ol></div></div></div> </body> </html>resume-css.css
html,body {margin: 0px;padding: 10px;} .box{margin:0px auto; /*將div盒子居中*/width:595px;height:842px;background-color: blue;} /*左側內容*/ .left-box{background-color: #D9DADE;width: 33%;height: 100%;float:left;"} .me-img{/*background-color: blue;*/text-align:center;margin-left:20%;width:60%;height:40%;} .me-img img{margin-top:120px;width:110px;height:100px;} .basic-information{/*background-color: blue;*/margin-left:30px;} .honor-award{ /*榮譽獎勵*//*background-color: blue;*/margin:0px auto;margin-left:30px;width:80%;} .honor-award table{margin-left:30px;}/*右側內容*/ .right-box{background-color: #F0F0F0;width: 67%;height: 100%;float:right;} .self-assessment{/*background-color: blue;*/padding-top:120px;margin-left:10px;margin-right:20px;} .self-assessment p{font-size:10px;margin-left:30px;} .professional-skills{/*background-color: blue;*/margin-left:10px;} .professional-skills ol{/*background-color: blue;*//* margin-left:10px;*/font-size:12px;} .project-practice{background-color: blue;margin-left:10px;}總結
以上是生活随笔為你收集整理的使用HTML+CSS设计个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Oracle安装 - shmmax和sh
- 下一篇： 前端公共reset.css模板