tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

table-separate-2.html (1443B)


      1 <!DOCTYPE html>
      2 <head>
      3  <style>
      4    body {
      5      background-color: white;
      6      margin: 0;
      7    }
      8    table {
      9      background-color: red;
     10      border-collapse: separate;
     11      position: absolute;
     12      left: 300px;
     13    }
     14    thead {
     15      background-color: pink;
     16    }
     17    tbody {
     18      background-color: grey;
     19    }
     20    tfoot {
     21      background-color: orange;
     22    }
     23    tr {
     24      background-color: green;
     25    }
     26    td:first-child {
     27      background-color: cyan;
     28    }
     29    td {
     30      background-color: blue;
     31      border-style: solid;
     32      border-width: 5px;
     33      border-color: gold;
     34    }
     35    colgroup {
     36      background-color: purple;
     37    }
     38    col:first-child {
     39      background-color: khaki;
     40    }
     41    .rel {
     42      position: relative;
     43      right: 100px;
     44    }
     45  </style>
     46 </head>
     47 <body>
     48  <table>
     49    <colgroup>
     50      <col>
     51      <col>
     52    </colgroup>
     53    <thead class="rel">
     54      <tr>
     55        <td class="rel">XXX</td>
     56        <td class="rel">YYY</td>
     57      </tr>
     58    </thead>
     59    <tbody class="rel">
     60      <tr>
     61        <td class="rel">XXX</td>
     62        <td>YYY</td>
     63      </tr>
     64      <tr>
     65        <td>XXX</td>
     66        <td rowspan=2 class="rel">YYY</td>
     67      </tr>
     68      <tr class="rel">
     69        <td class="rel">XXX</td>
     70      </tr>
     71      <tr>
     72        <td colspan=2 class="rel">XXX</td>
     73      </tr>
     74    </tbody>
     75    <tfoot>
     76      <tr>
     77        <td class="rel">XXX</td>
     78        <td>YYY</td>
     79      </tr>
     80    </tfoot>
     81  </table>
     82 </body>