• 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#
    图片内容:

  • 相关阅读:
    leetcode 296 题解(暴力破解)
    2.7最大公约数(递归解法)
    2.6斐波那契数列(多分支递归)
    2.5翻转字符串(递归4 )
    2.4对arr数组元素求和
    2.3 用递归形式打印i到j
    2.2用递归方式解决阶问题
    2.1什么是递归?
    1.用数组的方式实现列表
    如何在电脑上安装Jupyter Notebook
  • 原文地址:https://www.cnblogs.com/1314520xh/p/6944352.html
Copyright © 2020-2023  润新知