Table Generator 表格样式生成代码

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:12px 14px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:12px 14px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-2v5l{font-family:Arial, Helvetica, sans-serif !important;;background-color:#ffffff;color:#6200c9;text-align:center;vertical-align:top}
.tg .tg-cl03{background-color:#fe0000;color:#6200c9;vertical-align:top}
.tg .tg-gjft{font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;;background-color:#efefef;color:#6200c9;vertical-align:top}
.tg .tg-pj58{font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;;background-color:#ffffff;color:#6200c9;vertical-align:top}
.tg .tg-va8s{font-family:Arial, Helvetica, sans-serif !important;;color:#6200c9;vertical-align:top}
.tg .tg-8aay{font-family:Arial, Helvetica, sans-serif !important;;background-color:#c0c0c0;vertical-align:top}
.tg .tg-er1y{font-weight:bold;color:#6200c9;vertical-align:top}
.tg .tg-0brc{font-weight:bold;font-size:15px;font-family:Arial, Helvetica, sans-serif !important;;color:#6200c9;text-align:center;vertical-align:top}
.tg .tg-3usx{font-size:15px;font-family:Arial, Helvetica, sans-serif !important;;background-color:#fe0000;color:#6200c9;vertical-align:top}
.tg .tg-ha0n{font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;;color:#6200c9;text-align:center;vertical-align:top}
.tg .tg-ch67{font-family:Arial, Helvetica, sans-serif !important;;background-color:#3531ff;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}
.tg .tg-k2lx{font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;;color:#6200c9;vertical-align:top}
.tg .tg-5pwv{font-family:Arial, Helvetica, sans-serif !important;;background-color:#ffffff;color:#6434fc;vertical-align:top}
.tg .tg-2b5x{font-family:Arial, Helvetica, sans-serif !important;;background-color:#ffffff;color:#6200c9;vertical-align:top}
.tg .tg-pxng{background-color:#ffffff;color:#000000;vertical-align:top}
.tg .tg-ta5d{font-family:Arial, Helvetica, sans-serif !important;;background-color:#6200c9;vertical-align:top}
.tg .tg-f1iz{color:#6200c9;vertical-align:top}
.tg .tg-l2oz{font-weight:bold;text-align:right;vertical-align:top}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
.tg .tg-o4ll{font-weight:bold;background-color:#ffffff;vertical-align:top}
.tg .tg-3we0{background-color:#ffffff;vertical-align:top}
.tg .tg-2nhx{background-color:#9b9b9b;text-align:center;vertical-align:top}
</style>
<table class="tg" style="undefined;table-layout: fixed;  811px">
<colgroup>
<col style=" 61px">
<col style=" 95px">
<col style=" 61px">
<col style=" 42px">
<col style=" 68px">
<col style=" 65px">
<col style=" 42px">
<col style=" 42px">
<col style=" 61px">
<col style=" 42px">
<col style=" 42px">
<col style=" 42px">
<col style=" 61px">
<col style=" 42px">
<col style=" 45px">
</colgroup>
  <tr>
    <th class="tg-0brc" colspan="2">寄件人<br></th>
    <th class="tg-3usx" colspan="4"></th>
    <th class="tg-ha0n" colspan="2">公司</th>
    <th class="tg-ch67" colspan="4"></th>
    <th class="tg-er1y">职位</th>
    <th class="tg-yw4l" colspan="2"></th>
  </tr>
  <tr>
    <td class="tg-ha0n" colspan="2">名称<br></td>
    <td class="tg-2v5l" colspan="4"></td>
    <td class="tg-ha0n" colspan="2">金额合计</td>
    <td class="tg-8aay" colspan="7"></td>
  </tr>
  <tr>
    <td class="tg-k2lx">地点</td>
    <td class="tg-5pwv"><br></td>
    <td class="tg-gjft" colspan="2">人员</td>
    <td class="tg-2b5x"></td>
    <td class="tg-pj58">签名</td>
    <td class="tg-va8s" colspan="2"></td>
    <td class="tg-k2lx" colspan="2">日期</td>
    <td class="tg-pxng" colspan="5"></td>
  </tr>
  <tr>
    <td class="tg-ha0n" colspan="2">邮编</td>
    <td class="tg-2b5x" colspan="4"></td>
    <td class="tg-k2lx" colspan="2">地址</td>
    <td class="tg-ta5d" colspan="7"></td>
  </tr>
  <tr>
    <td class="tg-er1y">电话</td>
    <td class="tg-f1iz" colspan="3"></td>
    <td class="tg-er1y" colspan="2">身份证号<br></td>
    <td class="tg-cl03" colspan="9"></td>
  </tr>
  <tr>
    <td class="tg-l2oz" rowspan="2">付款方式</td>
    <td class="tg-9hbo">口 月结<br></td>
    <td class="tg-9hbo" colspan="2">金额:</td>
    <td class="tg-o4ll" colspan="3">代收货款:</td>
    <td class="tg-9hbo" colspan="2">超重费用</td>
    <td class="tg-yw4l" colspan="2"></td>
    <td class="tg-9hbo" colspan="2">月结运费</td>
    <td class="tg-3we0" colspan="2"></td>
  </tr>
  <tr>
    <td class="tg-9hbo">口 现结<br></td>
    <td class="tg-9hbo" colspan="2">金额:</td>
    <td class="tg-o4ll" colspan="3">到付:</td>
    <td class="tg-9hbo" colspan="2">超长费用</td>
    <td class="tg-3we0" colspan="2"></td>
    <td class="tg-9hbo" colspan="2">应收合计</td>
    <td class="tg-3we0" colspan="2"></td>
  </tr>
  <tr>
    <td class="tg-2nhx" colspan="15">特别提醒:请阅读协议,使用本单即表示接受协议内容,客户寄违禁物品付法律责任</td>
  </tr>
</table>
链接地址:http://www.tablesgenerator.com/html_tables#
图片内容:

原文地址:https://www.cnblogs.com/1314520xh/p/6944352.html