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

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


【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


内容投诉
源码村资源网 » div随着浏览器缩小而不偏移的css代码(div随意调整大小)

1 评论

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

发表评论

欢迎 访客 发表评论