盒子模型折磨人!!!个人简历来一份

Posted fangcute

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒子模型折磨人!!!个人简历来一份相关的知识,希望对你有一定的参考价值。

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <meta charset="utf-8">
  5     <title>我的第一份简历</title>
  6     <style type="text/css">
  7         .con{
  8             width:660px;
  9             height:1000px;
 10             background-image: url(img/hua.jpg);
 11             background-repeat: no-repeat;
 12             background-size: 700px 1030px;
 13             margin:25px auto;
 14             padding: 22px 20px;
 15             color:#555;
 16             font-size: 18px;
 17         }
 18         .box1{
 19             font-family: \'微软雅黑\';
 20             font-size: 18px;
 21             width:600px;
 22             border-top: 1px solid #887;
 23             margin: 24px auto;
 24             padding: 20px 20px;
 25             margin-top: 6px;
 26         }
 27         .box2{
 28             font-family: \'微软雅黑\';
 29             font-size: 18px;
 30             border-top: 1px solid #999;
 31             margin: 24px auto;
 32             margin-top: 1px;
 33             padding: 20px 20px;
 34             width: 600px;
 35         }
 36         .box3{
 37             width:600px;
 38             height:160px;
 39             border-top: 1px solid #aaa;
 40             margin: 24px auto;
 41             margin-top: 1px;
 42             padding: 20px 20px;
 43         }
 44         .foot{
 45             width:600px;
 46             height:160px;
 47             border-top: 1px solid #aa9;
 48             margin: 24px auto;
 49             margin-top: 1px;
 50             padding: 20px 20px;
 51         }
 52     </style>
 53 </head>
 54 <body>
 55     <div class="con">
 56         <center><span>个人简历</span></center>
 57         <div class="box1">
 58             <table width="560" height="160" cellspacing="0" cellpadding="0" border="0">
 59                 <tr>
 60                     <td width="130">姓名:</td>
 61                     <td width="130">出生年月:</td>
 62                     <td width="130">民族:</td>
 63                 </tr>
 64                 <tr>
 65                     <td>性别:</td>
 66                     <td>联系电话:</td>
 67                     <td>专业:</td>
 68                 </tr>
 69                 <tr>
 70                     <td>学历:</td>
 71                     <td>毕业学校:</td>
 72                     <td>工作经验:</td>
 73                 </tr>
 74                 <tr>
 75                     <td colspan="3">住址:</td>
 76                 </tr>
 77                 <tr>
 78                     <td colspan="3">电子邮箱:</td>
 79                 </tr>    
 80             </table>
 81         </div>
 82         <span>求职意向:</span>
 83         <div class="box2">
 84             <table width="560" height="160" cellspacing="0" cellpadding="0" border="0">
 85                 <tr>
 86                     <td>目标职位:</td>
 87                 </tr>
 88                 <tr>
 89                     <td>目标行业:</td>
 90                 </tr>
 91                 <tr>
 92                     <td>期望薪资:</td>
 93                 </tr>
 94                 <tr>
 95                     <td>期望地区:</td>
 96                 </tr>
 97                 <tr>
 98                     <td>到岗时间:</td>
 99                 </tr>
100                </table>
101         </div>
102         <span>自我评价:</span>
103         <div class="box3">
104         </div>
105         <span>工作经历:</span>
106         <div class="foot">
107             
108         </div>
109         
110     </div>
111 </body>
112 </html>

以上是关于盒子模型折磨人!!!个人简历来一份的主要内容,如果未能解决你的问题,请参考以下文章

每周回顾:折磨的两周1215

margin负值巧妙运用

盒模型

Yii2框架那些折磨人的坑

折磨人小游戏之《一个都不能死》html5网页小游戏源代码

盒子模型超详解——大佬不用看,新手看过来