HTML+CSS入门实战教程盒子模型个人简历实例解读-职坐标

HTML+CSS入门实战教程盒子模型个人简历实例解读

沉沙 2018-08-07 来源：阅读 3167 评论 0

摘要：本篇教程介绍了HTML+CSS入门实战教程盒子模型个人简历实例解读，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

本篇教程介绍了HTML+CSS入门实战教程盒子模型个人简历实例解读，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

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>