第一次作业效果图:
代码如下:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <table border="1"height="400px"cellspacing="0px"align="center"> 9 <tr align="center"> 10 <td width="60">工单号</td> 11 <td width="123"></td> 12 <td width="75">车牌号</td> 13 <td colspan="2"width="176"></td> 14 <td width="64">车型</td> 15 <td width="56"></td> 16 <td width="54">技师</td> 17 <td width="65"></td> 18 <td width="75">检修时间</td> 19 <td width="124"></td> 20 </tr> 21 <tr align="center"> 22 <td>序号</td> 23 <td colspan="3"width="316">维修项目以及更换配件</td> 24 <td width="57">单价</td> 25 <td>数量</td> 26 <td>小计</td> 27 <td>工时费</td> 28 <td>合计</td> 29 <td colspan="2">故障原因</td> 30 </tr> 31 <tr align="center"> 32 <td>1</td> 33 <td colspan="3"></td> 34 <td></td> 35 <td></td> 36 <td></td> 37 <td></td> 38 <td></td> 39 <td colspan="2"></td> 40 </tr> 41 <tr align="center"> 42 <td>2</td> 43 <td colspan="3"></td> 44 <td></td> 45 <td></td> 46 <td></td> 47 <td></td> 48 <td></td> 49 <td colspan="2"></td> 50 </tr> 51 <tr align="center"> 52 <td>3</td> 53 <td colspan="3"></td> 54 <td></td> 55 <td></td> 56 <td></td> 57 <td></td> 58 <td></td> 59 <td colspan="2"></td> 60 </tr> 61 <tr align="center"> 62 <td>4</td> 63 <td colspan="3"></td> 64 <td></td> 65 <td></td> 66 <td></td> 67 <td></td> 68 <td></td> 69 <td colspan="2"></td> 70 </tr> 71 <tr align="center"> 72 <td>5</td> 73 <td colspan="3"></td> 74 <td></td> 75 <td></td> 76 <td></td> 77 <td></td> 78 <td></td> 79 <td colspan="2"></td> 80 </tr> 81 <tr align="center"> 82 <td>6</td> 83 <td colspan="3"></td> 84 <td></td> 85 <td></td> 86 <td></td> 87 <td></td> 88 <td></td> 89 <td colspan="2"></td> 90 </tr> 91 <tr align="center"> 92 <td>7</td> 93 <td colspan="3"></td> 94 <td></td> 95 <td></td> 96 <td></td> 97 <td></td> 98 <td></td> 99 <td colspan="2"></td> 100 </tr> 101 <tr align="center"> 102 <td>8</td> 103 <td colspan="3"></td> 104 <td></td> 105 <td></td> 106 <td></td> 107 <td></td> 108 <td></td> 109 <td colspan="2"></td> 110 </tr> 111 <tr align="center"> 112 <td>9</td> 113 <td colspan="3"></td> 114 <td></td> 115 <td></td> 116 <td></td> 117 <td></td> 118 <td></td> 119 <td colspan="2"></td> 120 </tr> 121 <tr align="center"> 122 <td>10</td> 123 <td colspan="3"></td> 124 <td></td> 125 <td></td> 126 <td></td> 127 <td></td> 128 <td></td> 129 <td colspan="2"></td> 130 </tr> 131 <tr align="center"> 132 <td colspan="4"style="text-align: left;">备件费用小计:</td> 133 <td colspan="5"style="text-align: left;">工时费小计:</td> 134 <td colspan="2"style="text-align: left;">合计:</td> 135 </tr> 136 </table> 137 </body> 138 </html> 139 140 <!-- <li><a href="index.html">关于我们 <span class="en">About Us</span></a></li> 141 <li><a href="news.html" class="hover">公司动态 <span class="en">Company News</span></a></li> 142 <li><a href="disclaimer.html">免责声明 <span class="en">Disclaimer Notices</span></a></li> 143 <li><a href="job.html">工作机会 <span class="en">Join us</span></a></li> 144 <li><a href="contact.html">联系我们 <span class="en">Contact us</span></a></li> 145 -->