div随着浏览器缩小而不偏移的css代码(div随意调整大小)

  之前去面试都拿的纸质简历,去一家公司浪费一份简历,因为你能不保证你只去一次就能面试成功。

  今天做了一份html简历,准备挂到网站上,以后面试时直接看网站,一举两得。

  先附整页截图,后面有源码

  下面附源码

  <!DOCTYPE html>

  <html>

  <head>

  <title>个人简历</title>

  <meta charset=UTF-8 />

  <style type=text/css>

div随着浏览器缩小而不偏移的css代码(div随意调整大小)

  *{

  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&nbsp;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(禁止复制网页,禁止网页右键)

  如果你喜欢本文的话,可以关注作者头条号,每天都会有网站开发干货与你分享哦!

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » div随着浏览器缩小而不偏移的css代码(div随意调整大小)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论