首页 > > 网页制作 > css >

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

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

  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>