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

2018-06-24 02:20:19来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:css中background-origin属性的使用

下一篇:CSS实现三角形、梯形、平行四边形、圆形、椭圆形、对话框、自适