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; width: 811px">

<colgroup>

<col style="width: 61px">

<col style="width: 95px">

<col style="width: 61px">

<col style="width: 42px">

<col style="width: 68px">

<col style="width: 65px">

<col style="width: 42px">

<col style="width: 42px">

<col style="width: 61px">

<col style="width: 42px">

<col style="width: 42px">

<col style="width: 42px">

<col style="width: 61px">

<col style="width: 42px">

<col style="width: 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#
图片内容：
巴特西

Table Generator 表格样式生成代码

最新文章

热门文章
