盒子模型折磨人！！！個人簡歷來一份

-Advertisement-

盒子模型長度的計算？？？暈乎路過的朋友可以試著計算一下，看看我寫的是否有錯誤。。。留言指正哦！ ...

  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>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

setInterval與setTimeout的區別

在製作網頁動態效果時，一定會遇到某些需求，要求某段程式等待多時時間後再開始執行，就像在我們的生活中一樣，待會兒再開始做一件事。在JavaScript中主要通過定時器實現此類需求，本文將對定時器做一個概括，正對setTimeout()做一個詳細用法總結。一.setInterval與setTimeou ...
meta標簽的作用及整理

[轉載] meta的標簽的使用是我在前端學習中曾經困惑過一段時間的問題。一方面不是很瞭解meta標簽的用途，另一方面是對於meta標簽里的屬性和值不是懂，也不知道從哪裡冒出來的，所以這篇文章專門整理下meta標簽，一個必用且關鍵的標簽。什麼是meta標簽？引自下W3school的定義說明一下。元數 ...
HTML5 拖放使用

1 2 3 4 5 拖放API 6 31 32 33 34 請拖放 35 36 37 94 95 ...
水平，垂直居中的15種方法

一.水平居中 1.文字水平居中 <div class="one"> 測試居中 </div> <style> .one{ width: 200px; height: 100px; border:1px solid red; text-align: center; } </style> 2.盒子居中 < ...
利用javascript（自定義事件）記錄尺寸可變元素的尺寸變化過程

1.效果圖 2.源碼 ...
Angular開發實踐（六）：服務端渲染

Angular在服務端渲染方面提供一套前後端同構解決方案，它就是 Angular Universal（統一平臺），一項在服務端運行 Angular 應用的技術 ...
超級簡單的利用javascript實現文件拖拽事件

1.效果圖： 2.源碼 ...
storage事件 js頁面間通信

1、概述 https://developer.mozilla.org/en-US/docs/Web/Events/storage localStorage 或者sessionStorage存儲的數據發生時會觸發storage事件。 2、示例示例中會展示所有的storage事件屬性值。 A文件： B ...