之前去面试都拿的纸质简历,去一家公司浪费一份简历,因为你能不保证你只去一次就能面试成功。
今天做了一份html简历,准备挂到网站上,以后面试时直接看网站,一举两得。
先附整页截图,后面有源码
下面附源码
<!DOCTYPE html>
<html>
<head>
<title>个人简历</title>
<meta charset=UTF-8 />
<style type=text/css>
*{
margin: 0;
padding: 0;
border: none;
font-size: 12px;
}
#jianil{
width: 797px;
margin: 0 auto;
border: solid 1px #DCDDDF;
}
#jianil .one{
background: url(images/toubu.png);
width: 797px;
height: 90px;
font-size: 30px;
color: white;
font-weight: bold;
text-align: center;
margin-bottom: 0;
line-height: 90px;
}
#jianil ul{
width: 771px;
margin-left: 13px;
margin-top: 40px;
}
#jianil ul li{
font-size: 20.5px;
background: url(images/tubia.png) no-repeat;
list-style: none;
text-indent:1.8em;
line-height: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #DCDDDF;
}
#jianil ul li.none1{
border-bottom: none;
}
#jianil ul li p{
font-size: 15px;
}
</style>
</head>
<body>
<div id=jianil>
<div class=one>个人简历</div>
<ul>
<li>个人信息
<p>
姓名:XX#12288;
性别:男#12288;
籍贯:XX#12288;
年龄:21#12288;
</p>
<p>
手机:XXXXXXXXXXX#12288;
院校:XXXX学院#12288;
专业:XX#12288;
学历:XX#12288;
</p>
</li>
<li>教育背景
<p>
2014.8-2016.6 XXXX学院
</p>
<p>
你在学习学了那些东西?
</p>
</li>
<li>最近工作
<p>
2016.6-2016.12nbsp;你最近的工作公司nbsp;工作岗位
</p>
<p>
工作内容
</p>
</li>
li专业技能
<p>
你会什么
</p>
</li>
li相关证书
<p>证书1</p>
<p>证书2</p>
<p>证书3</p>
<p>证书4</p>
<p>证书5</p>
</li>
<li class=none1>自我评价
<p>
你对于自己是是怎么评价的?
</p>
</li>
</ul>
</div>
</body>
</html>
需要链接的两张背景图
整页源码截图
温馨提示:body里可以添上oncontextmenu=self.event.returnValue=false onselectstart=return false(禁止复制网页,禁止网页右键)
如果你喜欢本文的话,可以关注作者头条号,每天都会有网站开发干货与你分享哦!
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » div随着浏览器缩小而不偏移的css代码(div随意调整大小)
1 评论