使用HTML+CSS设计个人简历
生活随笔
收集整理的這篇文章主要介紹了
使用HTML+CSS设计个人简历
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用HTML+CSS設(shè)計(jì)個(gè)人簡(jiǎn)歷
- 效果展示
- 代碼實(shí)現(xiàn)
效果展示
代碼實(shí)現(xiàn)
resume.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>簡(jiǎn)歷</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>現(xiàn)居：陜西西安</h6><h6>籍貫：甘肅蘭州</h6><h6>電話：15594497111</h6><h6>郵箱：bennett@qq.com</h6><h6>政治面貌：黨員</h6></div><hr><div class="honor-award"><table border="1px"><tr><th>榮譽(yù)獎(jiǎng)勵(lì)</th></tr></table><h6>獲得校二等獎(jiǎng)獎(jiǎng)學(xué)金；</h6><h6>全國(guó)計(jì)算機(jī)等級(jí)三級(jí)證書(shū)；</h6><h6>全國(guó)英語(yǔ)六級(jí)；</h6></div></div><div class="right-box"><!--自我評(píng)價(jià)--><div class="self-assessment"><h4>自我評(píng)價(jià)</h4><p> 我為人友善、真誠(chéng)，做事細(xì)致、專注，有很強(qiáng)的責(zé)任心，學(xué)習(xí)能力與適應(yīng)能力強(qiáng)，喜歡與他人交談，熱愛(ài)生活。最顯著的性格標(biāo)簽是認(rèn)真，有著沉靜內(nèi)斂、善于思考和研究的特質(zhì)，作為本碩皆為新聞學(xué)專業(yè)的文科生，與文字為伴多年，文字功底扎實(shí)，文字編輯、把關(guān)、策劃能力強(qiáng)，想要以文字工作為基礎(chǔ)，加入向往已久的互聯(lián)網(wǎng)行業(yè)。</p></div><!--專業(yè)技能--><div class="professional-skills"><h4>專業(yè)技能</h4><ol><li>熟悉Java語(yǔ)言，有web項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)；</li><li>熟練使用JSP和Servlet；</li><li>熟悉常用Java web項(xiàng)目開(kāi)發(fā)框架：MyBatis、Spring、SpringMVC；</li><li>熟悉MySQL數(shù)據(jù)庫(kù)；</li><li>有良好的文檔編寫習(xí)慣和溝通能力；</li></ol></div><!--項(xiàng)目實(shí)踐--><div class="project-practice"><h4>項(xiàng)目實(shí)踐</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;} /*左側(cè)內(nèi)容*/ .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{ /*榮譽(yù)獎(jiǎng)勵(lì)*//*background-color: blue;*/margin:0px auto;margin-left:30px;width:80%;} .honor-award table{margin-left:30px;}/*右側(cè)內(nèi)容*/ .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;}總結(jié)
以上是生活随笔為你收集整理的使用HTML+CSS设计个人简历的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Oracle安装 - shmmax和sh
- 下一篇： 前端公共reset.css模板